栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

JavaScript .prototype如何工作?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JavaScript .prototype如何工作?

每个Javascript对象都有一个内部“插槽”,

[[Prototype]]
其值称为
null
object
。您可以将插槽视为Javascript引擎内部对象的属性,该属性对您编写的代码隐藏。方括号
[[Prototype]]
是有意的,并且是ECMAscript规范约定,用于表示内部插槽。

对象的所指向的值

[[Prototype]]
俗称“该对象的原型”。

如果您通过点(

obj.propName
)或方括号(
obj['propName']
)表示法访问属性,而该对象没有直接具有这样的属性(即,
自己的属性
,可通过进行检查
obj.hasOwnProperty('propName')
),则运行时将在引用的对象上查找具有该名称的属性由
[[Prototype]]
代替。如果
[[Prototype]]

没有这样的属性,
[[Prototype]]
则依次检查其,依此类推。这样,原始对象的 原型链
就会遍历,直到找到匹配项或到达末尾为止。
null
价值是原型链的顶部。


现代Javascript实现允许

[[Prototype]]
通过以下方式对进行读和/或写访问:

  1. new
    操作者(设定从一个构造函数返回的默认对象上的原型链),
  2. extends
    关键字(使用类语法时配置原型链),
  3. Object.create
    将提供的参数设置为
    [[Prototype]]
    结果对象的,
  4. Object.getPrototypeOf
    Object.setPrototypeOf
    [[Prototype]]
    创建对象 获取/设置),以及
  5. 命名的标准化访问器(即getter / setter)属性
    __proto__
    (类似于4)。

Object.getPrototypeOf
比之更
Object.setPrototypeOf
受推荐
__proto__
,部分原因
o.__proto__

是当对象的原型为时,行为异常
null

[[Prototype]]
在创建对象时首先设置对象的。

如果您通过创建新对象

new Func()
,则
[[Prototype]]
默认情况下,该对象的设置为所引用的对象
Func.prototype

因此,请注意,
所有类以及可与

new
运算符一起使用的所有函数
.prototype
除具有自己的
[[Prototype]]
内部插槽外,还具有命名的属性。
这种“原型”一词的双重使用是该语言的新手之间无休止的混淆的根源。

new
与构造函数一起使用可以让我们模拟Javascript中的经典继承。尽管我们已经看到,Javascript的继承系统是原型的,而不是基于类的。

在将类语法引入Javascript之前,构造函数是模拟类的唯一方法。我们可以将构造函数的

.prototype
属性所引用的对象的属性视为共享成员。即。每个实例都相同的成员。在基于类的系统中,对每个实例都以相同的方式实现方法,因此在概念上将方法添加到
.prototype
属性中。但是,对象的字段是特定于实例的,因此在构造过程中会添加到对象本身。

没有类语法,开发人员必须手动配置原型链,以实现与经典继承类似的功能。这导致了许多实现此目的的不同方法。

这是一种方法:

function Child() {}function Parent() {}Parent.prototype.inheritedMethod = function () { return 'this is inherited' }function inherit(child, parent) {  child.prototype = Object.create(parent.prototype)  child.prototype.constructor = child  return child;}Child = inherit(Child, Parent)const o = new Childconsole.log(o.inheritedMethod()) // 'this is inherited'

ES2015中引入的类语法通过提供

extends
“一种真正的方式”来配置原型链以模拟Javascript中的经典继承,从而简化了事情。

因此,类似于上面的代码,如果您使用类语法创建新对象,如下所示:

class Parent { inheritedMethod() { return 'this is inherited' } }class Child extends Parent {}const o = new Childconsole.log(o.inheritedMethod()) // 'this is inherited'

…结果对象

[[Prototype]]
将被设置为的实例
Parent
,其实例
[[Prototype]]
Parent.prototype

最后,如果您通过创建了一个新对象

Object.create(foo)
,则生成的对象
[[Prototype]]
将设置为
foo



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/380689.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号