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

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

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

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

使用对象文字

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

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

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

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

使用对象构造函数

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

构造函数的创建就像常规函数一样。但是,区别在于this关键字用于声明属性和方法。

通常,new将新创建的对象绑定到被调用构造函数中的this运算符。

当调用类似于watch()的函数时,浏览器将向上移动对象链及其各自的原型属性,直到它检索其值。

使用原型继承

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

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

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20181212A0HQ9300?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券