这篇文章是手写实现xxx功能部分的第三篇，后续会陆续更新其他的。
考察点 new 操作符做了什么？ instanceof有什么作用
new做了什么
首先， new 操作符后面只能加一个构造函数（函数）
new操作符所做的东西可以分成四个内容：
- 创建一个全新的Javascript对象 {}
- 将new 操作符调用的构造函数的prototype 原型对象 指向上面的新对象
- 将这个对象作为该函数的上下文对象（this）
- 如果该函数没有返回值或者返回值不是引用类型，则返回上面的对象
根据上述规则完成new
/**
* 接受一个function作为构造函数， 后续为function的参数
* @return Object
*/
function New(fn) {
let newObj = {}
if (fn.prototype !== null) {
newObj.__proto__ = fn.prototype
}
// 提取
let res = fn.call(newObj, Array.prototype.slice.call(arguments, 1))
if (res !== null && (typeof res === 'object' || typeof res === 'function')) {
return res
}
return newObj
}
// 测试代码
function Animal(name) {
this.name = name
this.test = 'test'
}
let a = New(Animal, 'mm')
instanceof
instanceof 用于判断某个对象是否是另一个对象（构造方法）的实例。instanceof会查找原型链，直到null如果还不是后面这个对象的实例的话就返回false，否则就返回true
根据上述规则完成instanceof
function instanceofFunc(obj, cons) {
// 错误判断 构造函数必须是一个function 其他的均报错
if (typeof cons !== 'function') throw new Error('instance error')
if (!obj || (typeof obj !== 'object' && typeof obj !== 'function')) return false
// 获取到原型对象
let proto = cons.prototype
// 如果obj的原型对象不是null
while (obj.__proto__) {
if (obj.__proto__ === proto) return true
obj = obj.__proto__
}
return false
}
console.log(instanceofFunc(() => {}, Function)) // true
最后留几个小题
- typeof 和 instanceof 可以判断出对象的真正类型吗？
- 如果上面的不可以，那么用什么办法？
- 如何在方法内部判断使用了 new 操作符
答案见基hub
