标签：image   ber   str   代码示例   tle   技术   函数   ima   结果   

一.什么是原型呢?　

//创建一个构造函数,并在构造函数的原型上添加一个name属性
function Person(){
}
Person.prototype.name = "kebi"
var person1 = new Person();
console.log(person1.name)  //kebi

var perso2 = new Person();
console.log(person2.name)  //kebi

console.log(person.__proto__ === Person.prototype); // true 他两个的关系也是完全相等的

console.log(Person.prototype.constructor == Person) // true

// 顺便学习一个ES5的方法,可以获得对象的原型
console.log(Object.getPrototypeOf(person) === Person.prototype) // true
//b.isPrototypeOf(a)    这个方法的意思是,a对象是否指向b对象
Person.prototype.isPrototypeOf(person1)  //true    因为person1中有一个__proto__属相指向原型对象(Person.prototype)

Person.prototype.isPrototypeOf(person2)  //true   同理

四.什么是原型链? 

　　1.原型的搜索机制

　　　　当读取实例的属性时，如果找不到，就会查找与对象关联的原型中的属性，如果还查不到，就去找原型的原型，一直找到最顶层为止。

　　　代码例子:　

function Person() {

}

Person.prototype.name = ‘heyushuo‘;

var person = new Person();

person.name = ‘kebi‘;
console.log(person.name) // kebi

delete person.name;
console.log(person.name) //heyushuo

在这个例子中，我们给实例对象 person 添加了 name 属性，当我们打印 person.name 的时候，结果自然为 kebi。

但是当我们删除了 person 的 name 属性时，读取 person.name，从 person 对象中找不到 name 属性就会从 person 的原型也就是 person.__proto__ ，也就是 Person.prototype中查找 (原型对象中)，幸运的是我们找到了 name 属性，结果为 heyushuo。

但是万一还没有找到呢？原型的原型又是什么呢？ ( 肯定需要一环一环地前行到原型链的末端才会停下来)

　　最顶层为默认的原型

　　所有的函数的默认原型都是Object的实例,所以默认原型都会包含一个内部指针,指向Object.prototype(默认原型的原型对象),这也真是所有自定义类型都会继承toString()/valueOf等默认的方法的根本原因.一直查到最顶层才算一个完整的原型链

如图所示: 蓝色线为完整的原型链

参考:Javascript:高级程序设计

　javascript深入之从原型到原型链(感觉原型和原型对象未分清楚)

JavaScirpt中的原型,原型对象和原型链

标签：image   ber   str   代码示例   tle   技术   函数   ima   结果   

原文地址：https://www.cnblogs.com/heyushuo/p/9860621.html