js 技巧

最新推荐文章于 2024-08-13 14:46:59 发布

时光之里

最新推荐文章于 2024-08-13 14:46:59 发布

阅读量133

点赞数

分类专栏： javascript 文章标签：手动实现 new 操作符

本文链接：https://blog.csdn.net/m_review/article/details/90903756

版权

javascript 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

实现 new 操作符

// 实现new操作符 实例化一个对象 原型绑定 this绑定
// New(A, 1, 2) <=> new A(1, 2)

function Persion(name, age) {
  this.name = name;
  this.age = age;
}
Persion.prototype.getInfo = function() {
  console.log(this.name + this.age);
};

function New(func) {
  let res = {};
  if (func.prototype) {
    res.__proto__ = func.prototype;
  }
  let ret = func.apply(res, Array.prototype.slice.call(arguments, 1));
  if ((typeof ret === "object" || typeof ret === "function") && ret !== null) {
    return ret;
  }
  return res;
}

// let XiaoMing = new Persion('kk', 12); 等价于下面的效果
let XiaoMing = New(Persion, "kk", 12);

XiaoMing.getInfo();
XiaoMing.name = "ll";
XiaoMing.getInfo();