prototype原型
- 通过new实例化出来的对象其属性和行为来自两个部分,一部分来自构造函数,另一部分来自原型。
- 当声明一个函数的时候,同时也申明了一个原型 。
- 原型本身是一个对象。
- 原型中的this也会指向实例化对象。
- 原型的固有属性,constructor属性指向构造函数。
- constructor可以找到构造函数的实例化对象。
function Person(name){
this.name = name;
this.age = 20;
// this.hobby = function(){
// console.log("喜欢美女");
// } //实例化时在内存中开辟新的空间
}
//解决这样消耗内存的方法,js提供了一个公共空间:原型
//功能空间原型
Person.prototype.hobby = function(){
console.log("喜欢美女");
}
// 可以追加实例化方法,不消耗内存
Person.prototype.fn = function(){
console.log("fn");
}
let zhangsan = new Person("张三");
let lisi = new Person("李四");
console.log(zhangsan);
console.log(zhangsan.__proto__ === Person.prototype); //true
// 对象属性和方法比较,不仅值要一样想,内存也要一样
console.log(zhangsan.hobby === lisi.hobby); //true
//原型的固有属性,constructor属性指向构造函数
console.log(Person.prototype.constructor === Person); //true
//constructor可以找到构造函数的实例化对象
console.log(zhangsan.constructor === Person); //true
//这样写会覆盖原有属性,但是写入constructor就可以避免
Person.prototype = {
constructor:Person,
hobby:function(){
console.log('hobby');
}
}
lisi.hobby(); //美女
let wangwu = new Person("王五");
wangwu.hobby(); //hobby
//判断实例化对象的类型
let str1 = new String("abd");
let str2 = "abc";
console.log(str1.constructor === String); //true
console.log(str2.constructor === String); //true
构造函数、prototype及对象三者的关系
构造函数通过prototype指向原型,通过new实例化指向对象,其this也指向对象;
原型通过constructor指向构造函数,原型本身就是对象;
对象包括一些构造函数、原型的属性和方法。