原型:函数创建时会自动內建一个prototype属性,这个属性是一个object,所以也称该属性称为原型对象。
代码:
function Fun(){ this.name = 'sven'; this.getName = function(){ alert( this.name ); } } console.dir( Fun );
输出prototype对象;
代码:
function Fun(){ this.name = 'sven'; this.getName = function(){ alert( this.name ); } } console.dir( Fun.prototype );
结果:
在prototype中也有个construct属性,我们输出一下:
console.dir( Fun.prototype.constructor );
当我看到内部也有个prototype的时候我在想Fun.prototype.constructor.prototype == Fun.prototype;输出的结果是true,那么可以得出Fun.prototype.constructor == Fun;这些结果就是为了告诉我Fun是个构造函数?,在高程中有这么一种说法,说函数名只是一个指针,那么可以从中看出Fun指向的是它自身的构造函数。那么Fun.prototype.constructor.prototype == Fun.prototype得出true就不矛盾了,可以得出一个结论原型对象其实是构造函数内部的一个属性。
继承:关于继承,js中继承是通过原型的方式继承的,在原型中有个属性__proto__,这个属性称为原型链,
console.dir( Fun.prototype.__proto__ );
从输出结果我们可以看到Fun.prototype.__proto__指向的是function对象。
来new一个对象:
var fun = new Fun(); console.dir( fun.__proto__ );输出结果:
这种结构形式和Fun,prototype很像,fun.__proto__ == Fun.prototype 得出的是true;
这里说下关于new 关键字的一些特性,在之前我曾想过new 这个操作过程是什么,但是奈何没有找到相关资料,最近在看《JavaScript设计模式与开发实践》一书的时候,有描述关于new 关键字,解释是说new 的时候会将所new的构造函数返回一个对象,所以会说new一个对象。