如何实现一个 new

如何实现一个 new"/>

如何实现一个 new

面试官问：能否模拟实现`JS`的`new`操作符

me or you：木问题！！！

一、进行分析new的过程，主要有以下几点

1、创建一个新的对象

2、把obj的__proto__指向fn的prototype,实现继承

3、改变this的指向，执行构造函数、传递参数,fn.apply(obj,) 或者 fn.call()

4、返回新的对象obj

二、实现代码

<script>/*@author: guoguo@title: 如何实现一个 new@data：2019.2.19*/function Dog(name) {this.name = namethis.say = function () {console.log('name = ' + this.name)}}function Cat(name) {this.name = namethis.say = function () {console.log('name = ' + this.name)}}function _new(fn, ...arg) {const obj = {}; //创建一个新的对象obj.__proto__ = fn.prototype; //把obj的__proto__指向fn的prototype,实现继承fn.apply(obj, arg) //改变this的指向return Object.prototype.toString.call(obj) == '[object Object]'? obj : {} //返回新的对象obj}//测试1var dog = _new(Dog,'aaa')dog.say() //'name = aaa'console.log(dog instanceof Dog) //trueconsole.log(dog instanceof Cat) //true//测试2var cat = _new(Cat, 'bbb'); cat.say() //'name = bbb'console.log(cat instanceof Cat) //true</script>

源码地址：.html

原创不易，自由转载，注明出处