利用{}[]替换传入参数的方法

这是在精通javascript里看到的，其实这个方法实现起来还是比较简单，有意思的是它的写法，先看代码：

function attr(elem, name, value) {
	if (!name || name.constructor != String) return '';
	name = {
		'for': 'htmlFor',
		'class': 'className'
	} [name] || name; //注意这里
	if (value != 'underfined') {
		elem[name] = value;
		if (elem.setAttribute) {
			elem.setAttribute(name, value);
		}
	}
	return elem[name] || elem.getAttribute(name) || '';
}

函数的作用是根据你传的参数来设置或获取元素的属性，如果只传两个参数，那么就是返回元素的属性，如果传三个参数，结果就是设置元素的属性并返回属性值。

 

这个函数比较出彩的地方在第三行。大家知道，for,class是元素的属性，但也是js里的关键字，所以就得有一个替换的方法，这里的name ={'for':'htmlFor','class':'className'}[name] || name;如果你第二个参数name是for或者class的时候，它会自动替换成相对应的htmlFor,或className,匿名对象里还可以再加其它的关键字，如果有需要的话。这就是它的作用。这个写法大家可以学习一下。