構建js函數名稱動態

Question

我要調用一個函數這樣

redBall(this); 

，但我想從一個字符串動態構建。我嘗試過這樣的東西，但它不起作用。

var color = 'red'; 
color+'Ball'(this); 

Answer 1

你可以做這樣的事情：

var ballFunctions = { 
    redBall: function(obj) { 
     alert("Hi, I'm a red ball"); 
    }, 
    blueBall: function(obj) { 
     alert("Hi, I'm a blue ball"); 
    } 
}; 

color = "red"; 
ballFunctions[color + "Ball"](this); 
color = "blue"; 
ballFunctions[color + "Ball"](this); 

---

你也可以與吉米的回答結合這一點，並做到：

function ball(color, obj) { 
    ballFunctions[color + "Ball"](obj); 

    // Or use the window object if your funcs are in the global namespace like Cameron said 
    // window[color + "Ball"](obj); 
} 

color = "red"; 
ball(color, this); 

Answer 2

動態命名的功能是不是一個偉大的實踐。那這個呢？

function Ball(color, object) 
{ 
    // do stuff 
} 

，然後通過調用它：Ball('red', this);

Answer 3

標隱含window對象：

window[color + 'Ball'](this) 

你舉的例子試圖調用字符串'Ball'（這是沒有意義的，因爲串AREN可調用），然後連接結果color - 不完全是你想要的。

Answer 4

爲了避免對現有代碼進行任何修改（我假設是全球範圍的），你可以使用這個：

window[color + 'Ball'](this);