JS中Object对象的原型概念基础

前端之家收集整理的这篇文章主要介绍了JS中Object对象的原型概念基础前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_301_0@

对象概念

在 javascript 中,一切引用类型均为对象。 如 function Foo () {} 中,Foo本身就是一个对象的引用。
@H_301_0@创建对象方式 字面量方式 new 构造函数函数声明 Object.create

@H_301_0@

字面量对象

@H_301_0@javascript语言级别快速创建对象的实例

函数字面量
@H_301_0@

new 构造函数

@H_301_0@通过内置对象的构造函数,或者自定义函数。 使用 new 操作符,创建一个对象,并且执行构造函数方法

@H_301_0@

函数声明

@H_301_0@函数声明创造的对象. 函数属于特殊的对象.

@H_301_0@

Object.create

@H_301_0@传入一个对象作为返回对象的原型,创建一个新对象,并将新对象的原型指向传入的对象中。

@H_301_0@使用Object.create(null) 可以返回一个字典型对象.

@H_301_0@

对象原型

@H_301_0@每一个对象都有一个内置的 __proto__ 属性指向构造它的函数prototype属性. 而构造函数

@H_301_0@prototype.constructor 则指向构造函数本生。一个对象的属性的寻找过程由以下几个部分组成:

@H_301_0@寻找对象属性的数据描述符(writable,value)或存取描述符(getter,setter),如果查询到了,则返回 对应的值。如果查询不到,则进入第2步骤。寻找对象属性的值是否有被显示定义 (可以通过 Object.getOwnPropertyNames)检测,如果对象属性定义了,则返回定义的值。 如果没有,则进入第3步骤。寻找对象的隐藏原型__proto__对象的属性,规则同1,2步骤。如果还未找到,则重复第3步骤, 直到__proto__ 为null 为止。

@H_301_0@具体案例如下图所示:

@H_301_0@

检测对象原型

@H_301_0@测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性

@H_301_0@instanceof Object.prototype.isPrototypeOf

@H_301_0@

instanceof

@H_301_0@运算符,语言级别的检测对象的原型链是否包含构造函数的原型

@H_301_0@模拟instanceof查找对象的原型链的构造函数是否包含传入的构造函数,__proto__ 在一些特定的浏览器有暴露给用户

var prototype = obj.proto;
while(prototype) {
if (prototype.constructor === Constructor) {
return true;
}
prototype = prototype.proto;
}
return false;
}
isInstanceof(Bar,Function);
isInstanceof(Bar,Object);

@H_301_0@

isPrototypeOf

@H_301_0@构造函数的原型对象自带函数属性,用于检测目标对象的原型链中是否存在构造函数的原型对象。

@H_301_0@获取对象原型 Object.getPrototypeOf __proto__

@H_301_0@设置对象原型 Object.create Object.setPrototypeOf

@H_301_0@

Object.create

@H_301_0@返回一个对象,并设置它的原型

@H_301_0@

Object.setPrototypeOf

@H_301_0@直接设置对象的隐式原型__proto__

@H_301_0@

小结

@H_301_0@对象具有许多考验开发者的一些知识点。能够完全理解并整理出来是不容易的。后续我会针对对象的继承做个详细的介绍。感谢你对编程之家的支持

猜你在找的JavaScript相关文章