JavaScript的Prototype原型链详解.pdfVIP

JavaScript 的Prototype 原型链详解 JS 是基于原型的语言，但是如果问及JS 原生对象（Object,Function,Array,Date 等）的这 个原型链长什么样子？估计能回答出来的人就少了，我开始也非常糊涂，后来决心一定要好 好搞一下，花了2 天功夫基本算是明白了，分享如下： 测试环境：Firefox 、Firebug ； 为做好铺垫，按顺序解释如下概念： 1 ）类型、原生类型、对象类型（types 、primitive types、 object types） 不像我们在学习JAVA 时，被告知JAVA 是完全OOP 的语言：class 是一类具有共同特 点的物体的抽象，object 是某个class 下具体的一个 实现，Object 类是所有类的顶层父类， 对 Java 的认知是从类与对象开始的；Javascript 则不然，它是从类型（type ）开始，在各类 语言中 遇到的number ，string, boolean, object, function，array 等都属于类型。 这些类型在JS 中分为两大类：原生类型与对象类型，原生类型包括：number ，string, bool, null, undefined ；剩下的非原生类型对象都属于对象类型，包括：object, array, function 等， 那这里的object 专指具有属性（attribute ）的对象，在Firebug 中的代码示例如下： // 1) primitive types 1 log(typeof 1); // number 2 log(typeof ); // string 3 log(typeof false); // boolean 4 log(typeof undefined); // undefined 5 log(typeof null); // object null 是个特列，属于原生类型； 6 log(null instanceof Object); // false 7 // 2) object types. 8 log(typeof new Object); // object 9 log(typeof new Function); // function 10 log(typeof new Array); // object 11 12 13 14 log(opts.call(new Object)); // [object Object] 15 log(opts.call(new Function)); // [object Function] log(opts.call(new Array)); // [object Array] 判断某个值是什么大的类型没有意义，往往需要判断它是什么原生类型或者对象类型： 判断原生类型，可以使用typeof 关键字；判断对象类型，可以使用toString()方法； 2 ）prototype 与__proto__的区别 两者都是对象类型的属性，并非所有的对象类型都有prototype 属性，一般只有function 对象才有 prototype 属性(除非主动赋值) ， 它指向的是一个对象，将来会被多个该 function 的实例所继承（或者说该对象处于多个实例的原型链上）；__proto__才是真正的原型链的实 际指 针，然而许多浏览器并不对外公开这个属性，Firefox 暴露出这一属性，仅供开发人员 理解，但不推荐开发中使用。下面我们用一段代码来做验证： 1 // 1) prototype 属性：一般只有function 对象拥有 2 log((new Object).prototype); // undefined 3 log([].prototype); // undefined 4 log((new Function).prototype); // anonymous {} 5 // Function, Object, Array 是function 对象 6 l