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>