如何避免使用eval（）作爲基礎對象

Question

據我所知，eval（）可能是有害的。看到我的JSLint中的所有警告令人討厭。

我的許多功能與我的願望清單/購物車相同。所以我想讓它變成動態的，只有每個功能都有。

而不是cart.addItem()和wish.addItem()，我想要cartWish.addItem(type)。

在cartWish.addItem()內部，我需要訪問cart.data或wish.data，具體取決於類型參數。

我該如何做到這一點，而不訴諸於eval(type).data？

我試過this[type].data，它似乎沒有正常工作。

Answer 1

這是編程差我的一部分。我不知道JavaScript傾向於引用對象而不是副本。

這樣算下來...

var myReference=(type == "cart") ? cart.data : wish.data; 
myReference[0].name="Bob Dole's Grill"; 

...居然會改變cart.data [0]的功能。名稱之外。而且它不會在內存中製作購物車對象的副本。

注意：您也可以通過引用將對象傳入函數，但我不確定是否可以，因爲我有時從KnockoutJS單擊事件調用此函數。

Answer 2

什麼

cart.addItem(...); 
wish.addItem(...) 

和

cartWish.addItem("cart", ...); 
cartWish.addItem("wish", ...); 

之間的差別似乎是相同的幾行代碼，然後你所做的一切是混淆你真的做什麼。也許創建一個函數，它可以是一個購物車或願望的對象，並假定它們具有相同的接口：

function addItem(x, data) { 
    x.addItem(data); 
} 

var cart = ... 
var wish = ... 

addItem(cart, {...}); 
addItem(wish, {...}); 

另一種選擇是創建一個類：

function Item(type) { 
    this.type = type; 
} 

Item.prototype.add = function add(...) { 
    // ... 
}; 


var cart = new Item("cart"); 
var wish = new Item("wish"); 

cart.add(...) 
wish.add(...)