javaScript之prototype原型（constructor）

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指向构造函数，原型本身就是对象；
对象包括一些构造函数、原型的属性和方法。