如何实现一个 new

在调用 new 的过程中会发生以下四件事情:

1.新生成了一个对象
2.链接到原型
3.绑定 this
4.返回新对象

function create() {
  let obj = {}                       // 创建一个空对象
  let Con = [].shift.call(arguments) // 获取构造函数
  obj.__proto__ = Con.prototype      // 设置空对象的原型
  let result = Con.apply(obj, arguments)           // 绑定 this 并执行构造函数
  return result instanceof Object ? result : obj   // 确保返回值为对象
}

function Dog(name) {
    this.name = name
    this.say = function () {
       console.log('name = ' + this.name)
    }
}
const dog = create(Dog, 'aaa')
dog.say()  // name = aaa
console.log(dog instanceof Dog)  // true

补充 [].shift.call( arguments ) 和 [].slice.call( arguments )

1. [].shift.call( arguments )
[].slice.call( arguments )
// 等效于
Array.prototype.slice.call( arguments )
  • 要把 arguments 转为数组对象。
    本着 能少写就少写,能不写就不写的想法,想到 slice(): 可从已有的数组中返回选定的元素。
    slice 不会改变原来的数组,而是返回一个子数组。
    arguments 不是数组对象,不能调用数组的方法。
    但是能少写就少写,能不写就不写
  • 这时候又要解锁一个 call 函数,或者 apply 函数。这两个函数都可以改变函数 this 的指向,函数运行时的作用域。
    区别:就是参数不一样,第1个参数都是一个对象或者 ‘this’ 注意 this 加引号了, apply 第 2 个参数接收一个数组,call 则不是,call可以有n个参数有多少放多少就行。
  • slice 方法原理:根据传入的参数(值)对原数组(或者类数组)进行遍历获取,赋给新数组然后返回。如果没有参数便复制整个原数组(或者类数组),后赋给新数组然后返回
    重点来了
    因为 slice 内部实现是使用的 this 代表调用对象。那么当** [].slice.call() ** 传入 arguments 对象的时候,通过 call 函数改变原来 slice 方法的 this 指向, 使其指向arguments,并对 arguments 进行复制操作,而后返回一个新数组。至此便是完成了arguments 类数组 转为 数组 的目的。
2. [].shift.call( arguments )
[].shift.call( arguments )
// 等效于
Array.prototype.shift.call( arguments )

shift() 方法删除数组第一项,并返回删除项。
根据上边的理解,这句代码意思就是: “删除并拿到 arguments 的第一项”

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。