Question

我可以用一些方法创建一个对象，然后按如下方式为它添加一个属性：

var myObj = (function () {
    var my = {};
    my.method1=function(){}
    my.method2=function(){}
    my.method3=function(){}
    return my;
    }());
myObj.myProperty=123;

如何首先创建对象并添加属性，然后再添加方法？

myObj={};
myObj.myProperty=123;
//How do I add the above methods to myObj?

Answer 1

我猜有两种解决方案：

合并对象：

var myObj = {...};
// ...
var objWithMethods = (function() { ... }());
Object.assign(myObj, objWithMethods);

（Object.assign是ES6方法。在链接中可以找到polyfill，库通常也提供类似行为的方法。）

将方法应分配给的对象作为参数传递：

var myObj = {};
myObj = (function (obj) {
    var my = obj || {};
    my.method1=function(){}
    my.method2=function(){}
    my.method3=function(){}
    return my;
}(myObj));

Answer 2

您可以使用现有对象进行扩展操作

var myObj = {...}

var myAdditionalMethods = { someMethod : function(){ } }

//extend the object
for(var i in myAdditionalMethods)
   if(!myObj.hasOwnProperty(i)) 
       myObj[i] = myAdditionalMethods[i];

有很多库内置了这个功能，但是没有一个就可以这样做

Answer 3

即使是原型也可以将功能添加到原始对象中。

＆＃13;

 var myObj = function() {
   this.myProperty = 123;
 }

 myObj.prototype.method1 = function method1() {
   alert("method1")
 }
 myObj.prototype.method2 = function method2() {
   alert("method2")
 }
 var newObj = new myObj();
 newObj.method1();
 newObj.method2();
 console.log(newObj)

＆＃13;

将方法添加到JavaScript对象

3 个答案: