JS 之'new之后做了什么处理' --面试

一、new关键字

new关键字的作用：通过new关键字实例化构造函数，获取对象。

// 定义构造函数
function Person (name, age) {
	this.name = name
	this.age = age
	
	this.say = function () {
		console.log(`my name is ${this.name}, my age is ${this.age}`)
	}
}

// 构造函数的原型属性和方法定义
Person.prototype.color = 'yellow'
Person.prototype.sayBye = function () {
	console.log('Bye!')
}

// 实例化
let p = new Person('胡小帅', 18)
console.log(p)

// 当前属性
console.log(p.name)
// 当前方法
p.say()
console.log(p.color)
// 原型方法
p.sayBye()

　　

二、伪代码演示过程

通过new关键字实例化的对象p，具备了构造函数Person中this的属性：name、age，也具备了构造函数Person的原型prototype的属性color和方法sayBye。下面我们来通过伪代码来看看具体的实现过程。

1.初始化新对象

var o = {}

　2.原型的执行，确定对象o的原型链

o.__proto__ = Person.prototype

　3.绑定this对象为o，传入参数；执行Person的构造函数，进行属性和方法的赋值

Person.call(o, '胡小帅', 18)

　4.返回结果

注意：在通过该种方式获取对象时，最终不一定返回的是对象o，要看构造函数的返回值是什么。

如果函数返回的是基本类型值，实际会生成一个对象，返回o
如果是函数返回的是引用类型值，则实际返回的是该引用类型值