JS中的new操作符
和其他高级语言一样,JS中也有new运算符,我们知道new运算符是用来实例化一个类,从而在内存中分配一个实例对象。但在 javascript 中,万物皆对象,为什么还要通过 new 来产生对象?
new操作符的基本使用:
如果函数或者方法调用前带有关键字new, 则构成构造函数调用.构造函数调用会创建一个新的空对象,该对象继承自构造函数的prototype属性。构造函数试图初始化这个新创建的对象,并将这个对象用作其上下文。
以new操作符调用函数时,函数内部发生以下变化
- 创建一个空对象,并且this变量引用该对象同时还继承了该函数的原型prototype
- 属性和方法被加入到this引用的对象中
- 最后隐式返回this
根据以上几个过程,尝试自己实现一个类似new的函数:
// 实现类似new的函数,接受一个构造函数作为第一个参数
function create () {
let obj = {}
// 获取构造函数
let Constru = [].shift.call(arguments)
obj.__proto__ = Constru.prototype
// 其他参数
let result = Constru.apply(obj, arguments)
return result instanceof Object ? result : obj
}
以下是对实现的分析:
- 先我们创建一个空对象obj
- 获取传入的构造函数
- 设置空对象的原型
- 绑定this到空对象obj
- 确保返回值为对象