JS构造函数与new操作-优快云博客

本文链接：https://blog.youkuaiyun.com/jiangjin_ze/article/details/113602614

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        // 对象直接量[自变量]
        var zs = {
            name: 'zhangsan',
            age: 18
        };
        // new Object() 通过构造函数创建 new Array()  系统提供
        var obj = new Object();//因为这个函数能构造出对象出来
        console.log(obj);

        // 自定义构造函数
        function Cat() {
            this.color = 'black';
        }
      
        var c1 = new Cat(); // 类的实例
        var c2 = new Cat();
        console.log(c1);
        console.log(c2);
        //console.log(Cat());

        function Girl() {
            console.log(this);
            this.age = 22;
            this.xueli = 'benke';
        }
        var girl1 = new Girl();// {age: 22, xueli: 'benke'}
        var girl2 = new Girl();
        console.log(girl1);
        console.log(girl1 === girl2); // false
        /*
          new 构造函数
          1 在内存中创建一个新的空对象 {}
          2 让函数中的this指向空对象 this === {}
          3 开始执行函数体 {age: 22, xueli: 'benke'} [创建的对象的原型指向构造函数的原型]
          4 返回该对象 (构造函数中不需要写return)  内部自动返回到new的地方
   
           如果你在构造函数返回 是引用类型就是引用类型的值, 不是的话就是this
           
           面试题一: 实现一个new 功能的实现函数?
           function _new(fn, ...arg) {
              const obj = Object.create(fn.prototype);
              const ret = fn.apply(obj, arg);
              return ret instanceof Object ? ret : obj;
					}
          */
        
        
        
        
        
    </script>
</body>
</html>

new一个对象发生什么？