JavaScript原型和InstanceOf运算符韩雨.docxVIP

1 prototype原型javascript默认给函数一个属性——prototype，这个prototype的属性值是一个对象（属性的集合），默认的只有一个叫做constructor的属性，指向这个函数本身。每个函数function都有一个prototype，即原型。这里再加一句话——每个对象都有一个__proto__，可成为隐式原型。注意：这个__proto__是一个隐藏的属性，javascript不希望开发者用到这个属性值，有的低版本浏览器甚至不支持这个属性值。所以你在Visual Studio 2012这样很高级很智能的编辑器中，都不会有__proto__的智能提示，但是你不用管它，直接写出来就是了。function Fn() { }F = 大梨;Ftotype.getYear = function () {return 1988; };var fn = new Fn(); console.log(); console.log(fn.getYear());Fn是一个函数，fn对象是从Fn函数new出来的，这样fn对象就可以调用Ftotype中的属性。因为每个对象都有一个隐藏的属性——“__proto__”，这个属性引用了创建这个对象的函数的prototype。即：fn.__proto__ === Ftotype这里的__proto__成为“隐式原型”。obj这个对象本质上是被Object函数创建的，因此obj.__proto__=== Ototype。我们可以用一个图来表示。?即，每个对象都有一个__proto__属性，指向创建该对象的函数的prototype。那么上图中的“Object prototype”也是一个对象，它的__proto__指向哪里？在说明“Object prototype”之前，先说一下自定义函数的prototype。自定义函数的prototype本质上就是和 var obj = {} 是一样的，都是被Object创建，所以它的__proto__指向的就是Ototype。但是Ototype确实一个特例——它的__proto__指向的是null，切记切记！2 instanceof运算符（需基于原型理解）在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 object。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。instanceof 运算符与 typeof 运算符相似，用于识别正在处理的对象的类型。与 typeof 方法不同的是，instanceof 方法要求开发者明确地确认对象为某特定类型。例如：var oStringObject = new String(hello world); console.log(oStringObject instanceof String); // 输出 true通常来讲，使用 instanceof 就是判断一个实例是否属于某种类型。例如：// 判断 foo 是否是 Foo 类的实例 function Foo(){} var foo = new Foo(); console.log(foo instanceof Foo)//true另外，更重的一点是 instanceof 可以在继承关系中用来判断一个实例是否属于它的父类型。例如：// 判断 foo 是否是 Foo 类的实例 , 并且是否是其父类型的实例 function Aoo(){} function Foo(){} Ftotype = new Aoo();//JavaScript 原型继承 var foo = new Foo(); console.log(foo instanceof Foo)//true console.log(foo instanceof Aoo)//true看了上面的代码示例，是不是觉得 instanceof 操作符很简单，下面来看点复杂的用法。console.log(Object instanceof Object);//true console.log(Function instanceof Function);//true console.log(Number instanceof Number);//false console.log(String instanceof String);//false console.log(Function instanceof Object);//true console.log(Foo instanceof Funct