// 先使用构造函数创建一个对象:
function Person() {
}
var person = new Person();
person.name = 'Kevin';
console.log(person.name) // Kevin
// Person 就是一个构造函数,我们使用 new 创建了一个实例对象 person。
prototype
每个函数都有一个 prototype 属性,例Person.prototype,函数的 prototype 属性指向了一个对象,这个对象正是调用该构造函数而创建的实例的原型。
Person.prototype.name = 'Kevin';等价于person.name = 'Kevin';
原型:每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型"继承"属性。
_ _ proto _ _
每一个JavaScript对象(除了 null )都具有的一个属性,叫_ _ proto_ _,这个属性会指向该对象的原型。例person._ _ proto_ _
function Person() {
}
var person = new Person();
//对象.__proto__ === 函数.prototype
console.log(person.__proto__ === Person.prototype); // true
console.log(Person.prototype.constructor === Person) // true
实例与原型
当读取实例的属性时,如果找不到,就会查找与对象关联的原型中的属性,如果还查不到,就去找原型的原型,一直找到最顶层为止。
function Person() {
}
Person.prototype.name = 'Kevin';
var person = new Person();
person.name = 'Daisy';
console.log(person.name) // Daisy
delete person.name;
console.log(person.name) // Kevin
给实例对象 person 添加了 name 属性,当我们打印 person.name 的时候,结果自然为 Daisy。当我们删除了 person 的 name 属性时,读取 person.name,从 person 对象中找不到 name 属性就会从 person 的原型也就是person._ _ proto_ _,也就是 Person.prototype中查找,找到了 name 属性,结果为 Kevin。
原型链
JavaScript中所有的对象都是由它的原型对象继承而来。而原型对象自身也是一个对象,它也有自己的原型对象,这样层层上溯,就形成了一个类似链表的结构,这就是原型链。
所有原型链的终点都是Object函数的prototype属性,因为在JavaScript中的对象都默认由Object()构造。Objec.prototype指向的原型对象同样拥有原型,不过它的原型是null,而null则没有原型。
所以查找属性的时候查到 Object.prototype 就可以停止查找了。
var obj = new Object();
obj.name = 'Kevin'
console.log(obj.name) // Kevin
console.log(Object.prototype.__proto__ === null) // true
网友评论