js:js原型和原型链

js原型和原型链

1.prototype(原型)

每个函数都有一个 prototype 属性
每一个JavaScript对象(实例)(null除外)在创建的时候就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型"继承"属性。

function Person() {
    
    //构造函数()

}
Person.prototype.name = 'Kevin';
var person1 = new Person();//实例(对象)
var person2 = new Person();
console.log(person1.name) // Kevin
console.log(person2.name) // Kevin

2.__proto__(指向原型,实例的原型,原型的原型)

每一个JavaScript对象(除了 null )都具有的一个属性,叫__proto__,这个属性会指向该对象(实例)的原型。

function Person() {
    
    //构造函数()
}
var person = new Person();//实例(对象)
console.log(person.__proto__ === Person.prototype); // true

3.constructor

每个原型都有一个 constructor 属性指向关联的构造函数

function Person() {
    
    
}
console.log(Person === Person.prototype.constructor); // true
//ES5的方法,可以获得对象的原型
console.log(Object.getPrototypeOf(person) === Person.prototype) // true

4.实例与原型

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

属性和方法的查找依次向上:实例->原型->原型链
5.原型链

console.log(Object.prototype.__proto__ === null) // true

proto 对象指向原型。Object原型(Object.prototype)的原型为null。其他构造函数的原型的原型为Object原型(Object.prototype)

console.log(Person.prototype.__proto__ === Object.prototype) // true

在这里插入图片描述
转载:https://www.jianshu.com/p/be7c95714586

猜你喜欢

转载自blog.csdn.net/m0_49888984/article/details/115438043