new的原理及实现

<script>
        function Person(name, age) {
            this.name = name
            this.age = age
            console.log(this)
        }
        Person.prototype.have = 'cat'
        const person = new Person('zhangsan', '20')
        console.log(person.name)
        console.log(person.age)
        console.log(person.have)
    </script>

从这个例子中，可以看到new具有以下能力：

1.new创建出来的实例可以访问构造函数Person的属性

2.new创建出来的实例可以访问构造函数原型上的属性

3.new可以将构造函数中的this绑定到新创建出来的对象person上

无返回值的new实现：

<script>
        function Person(name, age) {
            this.name = name
            this.age = age
            console.log(this)
        }
        Person.prototype.have = 'cat'
        function fakenews(Fn) {
            // 创建一个空对象
            let obj = new Object()
            // 将新对象的原型指针指向构造函数的原型
            obj.__proto__ = Fn.prototype
            // 处理除了Fn以外的参数
            // [].slice:返回数组中的一段，在这里是返回arguments数组第一个数以后的所有数
            // 将[].slice看作Fn，这里其实就是将[].slice的指向改为arguments
            Fn.apply(obj, [].slice.call(arguments, 1))
            return obj
        }
        const person = fakenews(Person, "张三", "20")
        console.log(person.name)
        console.log(person.age)
        console.log(person.have)
    </script>