JavaScript constructors using JavaScript object literal notation

前端 未结 6 1731
半阙折子戏
半阙折子戏 2021-01-30 15:30

What is the best way to build constructors in JavaScript using object literal notation?

var myObject = {
 funca : function() {
  //...
 },

 funcb : function() {         


        
6条回答
  •  孤街浪徒
    2021-01-30 15:40

    This is not "JSON notation", this is JavaScript object literal notation. JSON is only a subset of JS object literal notation, but apart from looking similar, they have nothing in common. JSON is used as data exchange format, like XML.

    It is not possible what you want to do.

    var myObject = {};
    

    creates already an object. There is nothing what you can instantiate.

    You can however create a constructor function and add the methods to its prototype:

    function MyObject(arg1, arg2) {
        // this refers to the new instance
        this.arg1 = arg1;
        this.arg2 = arg2;
    
        // you can also call methods
        this.funca(arg1);
    }
    
    MyObject.prototype = {
     funca : function() {
      // can access `this.arg1`, `this.arg2`
     },
    
     funcb : function() {
      // can access `this.arg1`, `this.arg2`
     }
    };
    

    Every object you instantiate with new MyObject() will inherit the properties of the prototype (actually, the instances just get a reference to the prototype object).

    More about JavaScript objects and inheritance:

    • Working with objects
    • Details of the object model
    • Inheritance revisited

    Update2:

    If you have to instantiate many objects of the same kind, then use a constructor function + prototype. If you only need one object (like a singleton) then there is no need to use a constructor function (most of the time). You can directly use object literal notation to create that object.

提交回复
热议问题