javascript中原型的理解(1)

xiaoxiao2021-02-28  61

要想成为一个中高级前端工程师,需要对原型等相关知识非常理解,这样才有助于自己封装查件,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>

转载请注明原文地址: https://www.6miu.com/read-62854.html

最新回复(0)