JavaScript new关键字底层原理

在JavaScript中构造函数创建对象必须要使用到 new 关键字

     <script>
        function Pig(name,age,gender){
            // 在构造函数里面的this就是 new出来的实例对象
            this.name = name
            this.age = age
            this.gender = gender
        }

         // new 的过程就是 实例化
        const peiqi = new Pig('佩奇',6,'女')
        const qiaozhi = new Pig('乔治',6,'男')
        const mum = new Pig('猪妈妈',30,'女')
        const dad = new Pig('猪爸爸',36,'男')
      </script>

        new(由系统创建)的底层原理大致为如下步骤:

        1.创建一个对象 const obj = {}

        2.将函数里面的this值 指向 对象obj  this = obj

        3.将函数里面所有this上面的属性  绑定到 对象obj上面去

        4.会将对象返回出去  return obj

 <script>
        function Person(name){
            // 执行过程:
            // 1.const obj = {}
            // 2.this = obj
            // 3. obj.name = '张三'
            // 4.return obj
            this.name = name

        }
        const a = new Person('张三')
        // new的底层原理 (由系统创建)
        // 1.创建一个对象 const obj = {}
        // 2.将函数里面的this值 指向 对象obj  this = obj
        // 3.将函数里面所有this上面的属性  绑定到 对象obj上面去
        // 4.会将对象返回出去  return obj
    </script>