js "对象"本质

js new关键字学习

function Person(name,age){
    this.name = name;
    this.age = age;
}

console.log(Person.prototype);//打印结果是一个{}

首先每个函数都有一个prototype属性它是函数的函数列表。主要作用是为后面new 对象以后可以增加新的函数用的。如果我们想给这个"对象"增加一个函数，demo2

function Person(name,age){
    this.name = name;
    this.age = age;
}

//第一步new
//prototype是对应的函数表
console.log(Person.prototype);
//为这个函数列表增加函数
Person.prototype.getName = function(){
    return this.name;
}
//打印函数表的是否已经有了数据
console.log(Person.prototype);//Person { getName: [Function] }

在demo2当中增加了一个getName方法，然后我们打印这个函数表，发现增加了一个函数在里面。

然后使用new 关键来创建"对象"

//new 的详细操作

function Person(name,age){
    this.name = name;
    this.age = age;
}

//第一步new
//prototype是对应的函数表
console.log(Person.prototype);
//为这个函数列表增加函数
Person.prototype.getName = function(){
    return this.name;
}
//打印函数表的是否已经有了数据
console.log(Person.prototype);

//1.创建一个新的表
//2.将表的this传入到对应的构造函数中 此例子就是Person这个函数
//3.将函数表赋值给新对象的__proto__表中
//4.返回对象
var person = new Person("zhangsan",34);
console.log(person);
//
console.log(person.getName());

通过new的时候创建构造表并且传入this指针，然后使用函数表，把函数放入到函数表中，最后这个"对象"有了属性表和函数表,这样我们就有了"对象"。