new操作符干了啥(手写new操作符)
在JS中,new操作符用于创建一个新对象并调用一个函数来初始化对象,下面是手写实现new操作符的方法:
// 传入构造函数
const myNew = (constructor) => {
	// 1、创建一个空对象 {}
	const obj = {}
	// 2、让对象的__proto__指向构造函数的prototype
	obj.__proto = constructor.prototype
	// 3、调用构造函数,并使用该对象作为this
	const res = constructor.apply(obj)
	// 4、返回该对象
	return obj
}
 
// 传入构造函数的参数 args
const myNew = (constructor, ...args) => {
	// 1、创建一个空对象 {}
	const obj = {}
	// 2、让对象的__proto__指向构造函数的prototype
	obj.__proto = constructor.prototype
	// 3、调用构造函数,并使用该对象作为this
	const res = constructor.apply(obj, args)
	// 4、返回
	return res instanceof Object ? res : obj // 否则为undefined
}
 

 
为什么最后要判断返回什么?
这里就要说到JS构造函数返回值的问题了
- 构造函数本不应该有返回值,实际返回的就是此构造函数的实例化对象
 - js中构造函数可以有返回值,也可以没有,没有事和正常函数一样,返回实例化对象
 - 返回值是非引用类型,如基本类型(string, number, boolean, null, undefined)则与无返回值相同
 - 返回值是引用类型,则实际返回的是这个引用对象
 


 再看看下面这个:
// String(‘foo’) 返回的是string类型,非引用类型,所以不会影响,因为构造函数没有属性,返回一个空对象
console.log( 'foo' == new function(){ return String('foo') } )      // false
// new String(‘foo’) 返回的是字符串对象,所以会返回该字符串对象
console.log( 'foo' == new function(){ return new String('foo') } )  // true
                


















