一、JS 对象
JS 原型及原型链。JS 中的对象分为普通对象和函数对象,Object 和 Function 是 JS 内置的函数对象,另外,通过 new function 得来的对象均为函数对象。如下图所示:
- function f1() {};
- var f2 = function() {};
- var f3 = new Function('str', 'console.log(str)');
- var o1 = {};
- var o2 = new Object();
- var o3 = new f1();
- console.log(typeof Object); //functionconsole.log(typeof Function); //functionconsole.log(typeof f1); //functionconsole.log(typeof f2); //functionconsole.log(typeof f3); //functionconsole.log(typeof o1); //objectconsole.log(typeof o2); //objectconsole.log(typeof o3); //object
代码中,o1,o2,o3 为普通对象,f1,f2,f3 为函数对象。f1 和 f2 归根结底都是通过 new Function() 的方式创建出来的。
二、原型对象
在 JS 中,对象被定义时,会自带一些预定义的属性。原型对象 prototype 就是函数对象中的其中一个预定义属性。
原型对象其实就是普通对象(Function.prototype 除外,它是函数对象,但是这个函数对象没有 prototype 属性),如下所示。
- function f1() {};
- console.log(f1.prototype) // f1{} console.log(typeof f1. prototype) //object console.log(typeof Function.prototype) // function console.log(typeof Object.prototype) // object console.log(typeof Function.prototype.prototype) // undefined
从上述代码的输出结果可以看出:f1.prototype 就是 f1 的一个实例对象,基本过程如下:
- var temp = new f1();
- f1.prototype = temp;
即:创建 f1 函数的同时,创建了一个 f1 的实例对象,并将它赋值给了它的 prototype。由此可知为什么 Function.prototype 为什么是函数对象了,因为 Function.prototype 指向的是 Function 的一个实例对象 new Function(); 上文提到过,凡是通过 new Function 方式创建的都是函数对象。
原型对象的作用:主要是用于继承,举个例子:
- var person = function(name) {
- this.name = name;
- };
- person.prototype.getName = function() {
- return this.name;
- }
- var sherry = new person('sherry');
- sherry.getName(); //'sherry'
从上述代码可以看出,通过给 person.prototype 设置了一个函数对象属性,由 person 实例出来的普通对象(sherry)就继承了这个属性。继承的具体细节见下面的原型链部分。
三、原型链
JS 在创建对象时,不论是普通对象还是函数对象,都有一个叫做 proto 的内置属性,用于指向创建它的函数对象的原型对象,以上面的代码为例:
- console.log(sherry.__proto__ === person.prototype) //trueconsole.log(person.prototype.__proto__===Object.prototype)//trueconsole.log(Object.prototype.__proto__)//null
sherry 的 proto 的属性指向了创建 sherry 的函数对象(person)的 prototype 属性;同时 person.prototype 也是一个普通对象,也有自己的 proto 属性,它指向创建 person.prototype 的函数对象(Object)的 prototype;同样,Object.prototype 对象也有 proto 属性,但它比较特殊,为 null。
我们把这个由 proto 串起来的直到 Object.prototype.proto 为 null 的链叫做原型链。
四、constructor
原型对象 prototype 中有一个预定义的 constructor 属性,用来引用它的函数兑现过,只是一种循环引用:
- person.prototype.constructor === person //true Function.prototype.constructor === Function //true Object.prototype.constructor === Object //true
五、总结原型链的形成真正是靠
proto而非 prototype, 当 JS 引擎执行对象的方法时,先查找对象本身是否存在该方法,如果不存在,会在原型链上查找,但不会查找自身的 prototype。 一个对象的
proto记录着自己的原型链,决定了自身的数据类型,改变
proto就等于改变对象的数据类型。 函数的 prototype 不属于自身的原型链,它是子类创建的核心,决定了子类的数据类型,是连接子类原型链的桥梁。 在原型对象上定义方法和属性的目的是为了被子类继承和使用。就爱阅读 www.92to.com 网友整理上传, 为您提供最全的知识大全, 期待您的分享,转载请注明出处。
来源: http://www.92to.com/bangong/2017/03-27/19535474.html