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