Page 17 - JavaScript修炼之道

任务1 动态选择方法及属性 3

使用方括号操作符

object['propertyName'] // => object.propertyName
object['methodName'](arg1) // => object.methodName(arg1)

切换行为

// 根据shouldBeVisible的值来调用show()或是hide()
element[shouldBeVisible ? 'show' : 'hide']();

// 避免IE中动画带来的巨大开销
// (假设这里已经有一个isIE变量)
element[isIE ? 'simpleEffect' : 'complexEffect']();

拼接方法名称

element[(enable ? 'add' : 'remove') + 'ClassName']('enabled');
请动手尝试下面代码

var love = { firstName: 'Élodie', lastName: 'Porteneuve' };
var useFirstName = true;
alert(love[useFirstName ? 'firstName' : 'lastName']); // => "Élodie"