js之对象创建方式

Posted maoxiaodun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js之对象创建方式相关的知识,希望对你有一定的参考价值。

js中对象创建方式有多种,最常见的就是调用Object构造函数,下面我们来列举对象的创建的方式

一、Object构造

             var Dog = new Object();
             Dog.name = "peter";
             Dog.bark =function(){
             console.log(" my name is "+Dog.name);
             }
             Dog.bark();//输出my name is peter

此方法是最常见的生成方式,但不能指定想要的对象类型

二、字面量构造

               var Cat = {
                 name:"tony",
                 age :"5",
                bark : function(){
                    console.log("i am a cat" );
                 }
               }
               Cat.bark();

此方法是上面的补充,他与new Object()没有区别

三、工厂模式创建

               function createObj(name,age){
                    var obj = new Object();
                    obj.name = name;
                    obj.age = age;
                    obj.bark = function(){
                        console.log("hello i am createObj,i am "+obj.age+" old");
                    }
                    return obj; //返回一个obj
                }  

                  var obj = createObj("pony","33");
                  obj.bark();

此方法适合批量生成对象,避免代码重复,但问题和第一个一样,不能判断对象类型,因为都是基类Object

四、构造函数创建

                  function Person(name,age){
                      this.name = name;
                      this.age  = age;
                      this.bark = function(){
                          console.log("hello i am construct");
                      }
                  }
                  var child = new Person("sily","18");
                  console.log(child.name);

此方法中的new关键字很重要,首先他会在内部常见一个object赋给this 然后通过this绑定变量和方法,最后隐式的return this 出去。

此方法的缺点是每次创建对象的时候后都会生成相应的方法,浪费内存

五、原型创建

                  function Animal(){}
                  Animal.prototype.name = "peter";
                  Animal.prototype.age  =  10;
                  Animal.prototype.bark = function(){
                      console.log("hello, i am a prototype function");
                  }
                  var fish = new Animal();
                  fish.bark();

该方法创建的对象,都在原型链上,所有实例共享,也就是说,一旦有实例修改了该方法,则所有实例的该方法都会改变,但大多数时候我们还是需要私有方法和属性,说以一般都用原型构造这种组合模式来创建对象


以上是关于js之对象创建方式的主要内容,如果未能解决你的问题,请参考以下文章

JS 面向对象之对象的创建

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程

前端之JS

前端 之 JavaScript : JS的面向对象; 定时器; BOM

js_数据类型之对象