js代码的简化(持续更新ing)

js代码的简化

如果您有好的简化方式,欢迎评论,点赞,分享

1.var xx = document.getElementById("xx");

简化前:

var d1 = document.getElementById("div1");
var d2 = document.getElementById("div2");
var d3 = document.getElementById("div3");
var d4 = document.getElementById("div4");

简化后:

var 
d1 = id("div1"),
d2 = id('div2'),
d3 = id('div3'),
d4 = id('div4')

简化方法:外部引入或提前构造以下函数:

function id(m){
z = document.getElementById(m);
return z;
}

2. with (expression) statement;

简化前:

var qs = location.search.substring(1);
var hostName = location.hostname;
var url = location.href;

简化后:

with(location){
var qs = search.substring(1);
var hostName = hostname;
var url = href();
}

简化方法:

上面几行代码都包含location对象。可以使用with语句改写(性能下降,不建议使用,且严格模式下不允许使用)

你可能感兴趣的:(原创)