Js原型对象

更新日期: 2019-08-22阅读: 1.9k标签: 原型

这里不介绍原型链。javascript 中有若干长得跟 "prototype" / "proto" 很想的属性/函数,这里简单总结一下他们都是啥,哪个是原型对象,哪个不是。


[[Prototype]]

这个对象的一个内置槽,对程序员是不可见(不能直接操作)的。[[Prototype]] 记录了 javascipt 对象的原型对象。


[[GetPrototypeOf]]

这也是对象的一个内置槽,程序员无法直接操作。它是一个方法,用于获取对象的 [[Prototype]] 槽。在 ECMA262 中,除了 Proxy 类型的对象,其它对象的 [[GetPrototypeOf]] 直接返回 [[Prototype]] 的值。


Object.getPrototypeOf(O)

Object 对象的getPrototypeOf 方法。这个是程序员可以调用的。当O为对象时,返回O.[[GetPrototypeOf]]() 。

这是程序员可以使用的获取 O 的原型对象的方法。


Object.prototype.__proto__

obj.__proto__ 也是 javascript 里常用的一种获取原型对象的方式。它实际是一个 getter / setter 。

用作 getter 时,obj.__proto__ 返回 obj.[[GetPrototypeOf]]() ,也就是可以取得 obj 的原型对象。与 Object.getPrototypeOf(obj) 结果是一致的。

根据 ECMA262 ,这一属性仅在浏览器中提供。不够貌似 node 也提供了这一属性。

由于它定义在 Object.prototype 上,所以,仅当 Object.prototype 在 obj 的原型链上时,才可以使用这一属性。当 Object.prototype 不在原型链上时(例如通过 Object.create(null) 生成的对象),无法使用这一属性。Object.getPrototypeOf(O) 则无此限制。


prototype

这是一个看起来很像原型对象的属性,但是,它不是所在对象的原型对象。即,obj.prototype 不是 obj 的原型对象。构造函数都有此属性。

通常情况下,当使用构造函数(F)构造一个新对象(obj)时,构造函数的 prototype 属性(F.prototype),将成为新对象的原型对象(obj.[[Prototype]])。

F.prototype 不是 F 的原型对象。F.prototype 通常情况下是 new F(...) 的原型对象。


instanceof

obj instanceof F 检查 obj 是否是 F 的实例。它并非检查 F 是否在 obj 的原型链上。这一检查要求 F 是一个构造函数,并检查 F.prototype 是否在 obj 的原型链上。通常所说的 obj 是 F 类型的对象,指的也是 F.prototype 在 obj 的原型链上。


链接: https://fly63.com/article/detial/5443

JS的原型链的理解。

JS是一个非常有魅力的语言也是一个比较烦人的语言,主要就是因为他的特殊性灵活性。JS的原型链,需要深刻的研究才能搞懂。不要纠结细节吧。实在不行就按这个死背住,慢慢就理解了。总之吧就是一句话万物皆对象。

JavaScript 原型的深入指南

不学会怎么处理对象,你在 JavaScript 道路就就走不了多远。它们几乎是 JavaScript 编程语言每个方面的基础。事实上,学习如何创建对象可能是你刚开始学习的第一件事。

JavaScript原型深入浅出

不学会怎么处理对象,你在 JavaScript 道路就就走不了多远。它们几乎是 JavaScript 编程语言每个方面的基础。事实上,学习如何创建对象可能是你刚开始学习的第一件事。

javascript中的prototype和__proto__的理解

在工作中有时候会看到prototype和__proto__这两个属性,对这两个属性我一直比较蒙圈,但是我通过查阅相关资料,决定做一下总结加深自己的理解

理解Js原型和原型链

在JS中,函数的本质就是对象,它与其他对象不同的是,创建它的构造函数与创建其他对象的构造函数不一样。那产生函数对象的构造函数是什么呢?是一个叫做Function的特殊函数,通过new Function 产生的对象就是一个函数。

JS原型解析

JS中原型是为了实现代码重用的一种仿类机制,不过它跟类又完全不同。它通过给对象添加原型关系(即给某个对象添加__proto__属性)实现一个关联。把共有的方法和属性放到这个关联上即实现了JS的继承。简单来说就是一种委托机制

js中__proto__与prototype的关系

了解JavaScript中原型以及原型链只需要记住以下2点即可:对象都有__proto__属性,指向构造函数的prototype;构造函数\\函数都有prototype属性,指向构造函数的原型

js原型链的看法

对象:1,函数对象:有function创造出来的函数2,普通对象:除开函数对象之外的对象,都是普通对象**即普通对象obj是构造函数Object的一个实例,因此:

Js原型到原型链

每个函数都有一个 prototype 属性,函数的 prototype 属性指向了一个对象,这个对象正是调用该构造函数而创建的实例的原型,也就是这个例子中的 cat 和dog 的原型。

js基础:原型和原型链

对于使用过基于类的语言(如Java或C#)的人来说,Javascript的继承有点难以搞懂,因为它本身没有class这种东西。(ES6中引入了class关键字,看上去也像传统的OOP语言,但是那只是语法糖,底层还是基于原型)。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!