JavaScript在面向对象中的创建对象的3种方法

栏目: JavaScript · 发布时间: 6年前

内容简介:JavaScript是一种功能强大的编程语言,支持面向对象编程(OOP)。实际上,在JavaScript中,对象最大 - 从核心功能(如字符串和数组)到使用该语言构建的浏览器API。Bautista是一位美国网络开发人员,热衷于教授人们编程,他强调“要将你的JavaScript技能提升到一个新的水平,你需要理解语言的基于对象的本质。"

JavaScript在面向对象中的创建对象的3种方法

JavaScript是一种功能强大的编程语言,支持面向对象编程(OOP)。实际上,在JavaScript中,对象最大 - 从核心功能(如字符串和数组)到使用该语言构建的浏览器API。

Bautista是一位美国网络开发人员,热衷于教授人们编程,他强调“要将你的JavaScript技能提升到一个新的水平,你需要理解语言的基于对象的本质。"

以下是在面向对象的JavaScript(OOJS)编程中创建对象的三种方法:

使用对象文字

在OOP中,对象文字是指用大括号括起来的用逗号分隔的名称 - 值对列表。名称是字符串,值是可用的任何基本数据类型,例如数组,字符串,数字,函数等等。

通常,对象文字用于封装代码并将其包装在有序的包中。这样,它们可以防止与全局范围内的变量和对象发生冲突。使用对象文字,您可以一起收集属性和方法,并使您的代码干净整洁。

JavaScript对象文字是单例,它们允许您方便灵活地创建对象。它们可以避免编写过多代码。例如,您可以将对象文字放置在工作区中的任何位置,而不包括任何先前的设置,并且它仍然可以正常工作 - 这可能非常有用!

虽然对象文字很重要,但它们不支持实例化或继承。如果要使用这些功能,则需要使用其他技术来创建对象。

使用对象构造函数

构造函数是创建JavaScript对象的最常规技术,它依赖于原型继承来利用彼此的功能。这些函数的一个关键特性是它们可以实例化和继承。

构造函数的创建就像常规函数一样。但是,区别在于 this 关键字用于声明属性和方法。通常, new 将新创建的对象绑定到被调用构造函数中的 this 运算符。当调用类似于 watch 的函数时,浏览器将向上移动对象链及其各自的原型属性,直到它检索其值。

使用原型继承

也可以使用原型继承的概念创建JavaScript对象。大多数现代浏览器使用名为__ proto __ 的特殊属性实现原型,该属性发音为 dunder proto (双下划线原型的缩短版本)。

重要的是要注意 __proto__ 是一种新的JavaScriptES6语法,可能在旧浏览器中不可用。或者,您可以使用 Object.create 方法创建原型。


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

React Native:用JavaScript开发移动应用

React Native:用JavaScript开发移动应用

【美】Truong Hoang Dung(张皇容) / 奇舞团 / 电子工业出版社 / 2015-9 / 65.00

React Native是当前移动端开发中的优秀解决方案。《React Native:用JavaScript开发移动应用》围绕着如何将一个完整App提交到App Store,讲解了使用React Native开发iOS应用所涉及的方方面面。首先介绍了Flexbox布局,教大家从零开始搭建一个初始应用,以此阐明React Native的基础运行机理;然后介绍了Flux的设计思想,怎么理解和使用Pro......一起来看看 《React Native:用JavaScript开发移动应用》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具