要想成为一个中高级前端工程师,需要对原型等相关知识非常理解,这样才有助于自己封装查件,js运用的游刃有余,否则违前端一个。
A.基本概念
1.只要是函数就有prototype属性,就是(函数的)原型属性;
2. 函数的原型属性(prototype)是 对象类型(函数的原型属性===由该函数 new 出来的对象的 _ _proto_ _属性)。
3. 由 构造函数 创建出来的对象,会默认链接到其构造函数的这个属性(prototype)上,也就是继承函数原型属性。
那么类似于java ,如果继承了某个类,当然就可以访问其父类,爷爷类,太爷类的属性和方法喽。
4.构造函数的 prototype 属性的作用就是:实现数据共享
function Person() {} // prototype Person.prototype 即 原型 var p = new Person(); Person.prototype===p._ _ proto_ _5.术语
F.prototype 原型属性 f.__proto__ 原型对象 F.prototype 是 构造函数F的 原型属性 F.prototype 是 对象f的 原型对象6.对构造函数改良
可以将一些公用的属性和方法,放在People.prototype中(以 People 为例子)
// 对象会到 与它联系的 prototype 中找数据 // 可以考虑将共享的数据, 放到 里面 function Person(name) { this.name = name; } Person.prototype.sayHello = function() { alert(this.name); }; var p = new Person(); p.sayHello();//与放在构造函数中效果一样,但是这样做好好很多,为啥会好,(具体参照《你不知道的javascript》)
B:在访问对象的某一个属性 (方法)的时候:
1 首先会在当前对象中查找有没有该属性 2 如果当前对象没有, 就会在构造方法的定义规则中查找(当前对象) 3 如果没有, 就会到与对象联系起来的 构造函数的 prototype 属性中找<script type="text/javascript"> // 属性搜索原则 // 1 首先在当前对象中查找属性,如果,就返回 // 2 如果没有,就在构造函数中查找,如果,就返回 // 3 如果没有,就在原型中 /*var o = {name: "jim"}; console.log(o.name); console.log(o.k);*/ function Person() { this.name = "jim";//优先级次之 2 } Person.prototype.name = "jerry";//优先级再次之 3 var p = new Person; p.name = "tom";//优先级最高 1 console.log(p.name);//如果没有语句1 ,就打印语句2 的内容,如果没有语句2 ,就打印语句3对应的 </script>