Loading

JS中new关键字的模拟实现

在模拟实现new关键字之前我们应该先了解new关键字的功能及其特点

  • new 创建并返回了一个新对象,是构造函数的实例
  • 对象的实例的构造函数属性其实是构造函数的原型对象的 constructor 属性
  • 对象实例的 proto 关联到构造函数的原型对象
  • 判断构造函数的返回值
    知道了new的作用之后,我们就可以编写代码了
function _new(/* 构造函数 */ constructor, /* 构造函数参数 */ params) {
  // 将 arguments 对象转为数组
  var args = [].slice.call(arguments);
  // 取出构造函数
  var constructor = args.shift();
  // 创建一个空对象,继承构造函数的 prototype 属性
  var context = Object.create(constructor.prototype);
  // 执行构造函数 获得返回值
  var result = constructor.apply(context, args);
  // 如果返回结果是对象,就直接返回,否则返回 context 对象
  return (typeof result === 'object' && result != null) ? result : context;
}
posted @ 2021-01-16 17:34  不吃苦瓜^  阅读(137)  评论(0编辑  收藏  举报