Object.createa()和 new 的区别

傷城~ 2022-10-07 01:59 146阅读 0赞

### 文章目录 ###

*   *   *  区别
         *  代码实现
         *   *  Object.create
             *  new

### 区别 ###

`Object.create` 创建的新函数并没有继承构造函数的属性和方法，只继承了原型方法和原型属性  
`new`在实现 Object.create 的基础上，继承了原对象的属性和方法

var Base=function(){ 
            this.a = 2
            this.b = 4
        }
    
        Base.prototype.c = 3;
        var o1= new Base();
        var o2 = Object.create(Base);
    
        console.log(o1.a);
        console.log(o2.a);//那这样创建有什么用呢

打印调试结果  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FzdW5uYXl5_size_5_color_FFFFFF_t_30_pic_center]  
再直观一点：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FzdW5uYXl5_size_16_color_FFFFFF_t_70_pic_center]

### 代码实现 ###

#### Object.create ####

#### new ####

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FzdW5uYXl5_size_5_color_FFFFFF_t_30_pic_center]: /images/20221005/e1102820fdf84629812f90d11d0a95cf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FzdW5uYXl5_size_16_color_FFFFFF_t_70_pic_center]: /images/20221005/bc2e3c41e3984cf19b32580350795302.png