如何在JavaScript中爲自定義對象創建方法？

Question

是像...

var obj = new Object(); 

obj.function1 = function(){ 
    //code 
} 

或類似的東西？

Answer 1

var newObj = { 
    met1 : function() { 
     alert('hello'); 
    } 
}; 

然後，該方法可以被稱爲像這樣：

newObj.met1(); 

順便說一句，聲明一個新對象時，使用對象文字（{}），而不是new Object()構造函數。

Answer 2

一般採用prototype屬性：

function YourObject() 
{ 
    // 
} 

YourObject.prototype.yourMethod= function() 
{ 
    // 
} 

有一件事我還沒有看到任何人提及卻又是爲什麼你可能想通過使用prototype屬性，比如對象的文字符號：這樣做保證了函數定義在通過函數原型創建的對象的所有實例之間共享，而不是在每個實例化一次的情況下共享。

Answer 3

你可以從答案中看出，你已經有了不止一種方法。

#1 
var o = new Object(); 
o.method = function(){} 

#2 
var o = new Object(); 
o.prototype.method = function(){} 

#3 
function myObject() { 
    this.method = function(){} 
} 
var o = new myObject(); 

#4 
function myObject() {} 
myObject.prototype.method = function(){} 
var o = new myObject(); 

#5 
var o = { 
    method: function(){} 
} 

＃3和＃4正在使用構造函數。這意味着您可以使用它們來創建多個具有相同「類」的對象（這些類實際上並不存在於JavaScript中）

＃4與＃3不同，因爲所有使用＃4構造的對象將共享一個相同的'方法'方法，因爲它是它們原型的一個屬性。這樣可以節省內存（但數量非常少），如果更改原型的方法，所有＃4對象都會立即更新 - 即使它們已經被實例化。

＃1，＃2和＃5幾乎都相當。這是因爲可能一次只有其中之一，所以＃2將原型添加到原型的事實並不重要。 （不考慮克隆考慮）

有添加方法使用帶有封閉或添加「靜態」屬性/方法或私人嵌套函數工廠的對象仍然更多的方式... :)

Answer 4

Function.prototype.implement = function(member, value) { 
    this[member] = value; 
    return this; 
} 

function MyFunction() { 
//... 
} 

(function($){ 

$.implement("a", "blabla") 
.implement("b", function(){ /* some function */ }) 
.implement("c" {a:'', b:''}); 

})(MyFunction); 

Answer 5

別擔心兄弟，這裏的代碼是：

var myObj=function(){ 
     var value=null 

    this.setValue=function(strValue){ 

    this.value=strValue; 
    }; 

    this.getValue=function(){ 
    return this.value; 
    };  
}; 

你可以調用這個對象是這樣的：

var obj= new myObj(); 
    obj.setValue("Hi!"); 
    alert(obj.getValue()); 

Answer 6

您也可以執行以下操作而不是使用「Object.create（）」方法。

函數調用：

com.blah.MyChildObj.prototype = createObject(com.blah.MyParentObj.prototype, 
    com.blah.MyChildObj); 

函數定義：

function createObject(theProto, theConst) { 
    function x() {}; 
    x.prototype = theProto; 
    x.prototype.constructor = theConst; 
    return new x(); 
} 

Answer 7

隨着es6，你可以做這樣的：

var a = { 
 
    func(){ 
 
     return 'The value'; 
 
    } 
 
} 
 
    
 
document.getElementById('out').innerHTML = a.func(); 
 

<div id="out"></div>