對象有沒有方法「應用」

Question

我創建了幾個DOM元素動態喜歡，

var anchorElement = jQuery('<a />',{text:property.text}); 
var liElement = jQuery('<li />',{"class":"navlink_"+i,id:"navlink_"+i}); 
anchorElement.on('click',property.fnctn); 
liElement.append(anchorElement); 
parentID.append(liElement); 

凡property是一個JSON對象。 property.text是我想要放入錨元素的文本。 （Works fine）

我想附加一個點擊事件處理程序到該錨點元素。 需要該功能被綁定到該元素在JSON被指定，我們可以訪問它像

property.fnctn 

下面的行應綁定事件處理程序至錨定元件。

anchorElement.on('click',property.fnctn); 

這是行不通的，所以我試圖將其轉換成字符串像，

anchorElement.on('click',property.fnctn.toString()); 

沒有成功...

當我點擊這個鏈接，則會在控制檯中的錯誤

該對象沒有「應用」方法。 是什麼原因...？

我能得到它有輕微的工作工作周圍像

anchorElement.attr('onclick',property.fnctn+"()"); 

上述聲明的作品，但我想知道爲什麼.on() API不工作。

謝謝:) AÐitya。

Answer 1

更新：

你們已經說property.actfn是一個字符串，"paySomeoneClick"。最好不要使用字符串作爲事件處理程序，而應使用函數。如果你想要的功能paySomeoneClick，在字符串中定義的，被稱爲，如果該功能是全局的，你可以這樣做：

anchorElement.on('click',function(event) { 
    return window[property.fnctn](event); 
}); 

做是因爲全局函數全局對象，這是可以的性質通過瀏覽器上的window，以及下面描述的括號表示。

如果函數是一個對象，你有一個參照，則：

anchorElement.on('click',function(event) { 
    return theObject[property.fnctn](event); 
}); 

做是因爲在JavaScript中，您可以通過以下兩種方式訪問​​對象的屬性：點符號與文字屬性的名稱（ foo.bar在foo上訪問bar示例）並使用字符串屬性名稱（foo["bar"]）括起來的表示法。它們是等價的，除了括號內的符號外，該字符串可以是表達式的結果，包括來自像property.fnctn這樣的屬性值。

但我會建議退後一步，重構一下，所以你不會在字符串中傳遞函數名。有時候這是正確的答案，但以我的經驗，並不經常。 :-)

原來的答覆：

（這個假設property.fnctn是一個函數，而不是一個字符串，但可能會有一些使用的人的...。）

代碼

anchorElement.on('click',property.fnctn); 

會將函數附加到事件中，但在調用函數期間，this將引用DOM元素不是到您的property對象。

要解決這個問題，使用jQuery的$.proxy：

anchorElement.on('click',$.proxy(property.fnctn, property)); 

...或ES5的Function#bind：

anchorElement.on('click',property.fnctn.bind(property)); 

...或關閉：

anchorElement.on('click',function(event) { 
    return property.fnctn(event); 
}); 

更多閱讀（在我的博客）：

• Mythical methods
• You must remember this
• Closures are not complicated