javascript最优编码方案

avalon01

于 2012-11-14 17:37:03 发布

阅读量134

点赞数

CC 4.0 BY-SA版权

文章标签： js jquery ViewUI

本文链接：https://blog.youkuaiyun.com/avalon01/article/details/84356522

本文介绍了几种前端开发中的优化方法，包括高效字符串拼接、遍历对象属性、绑定事件及返回boolean值的最佳实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[size=large]字符串拼接最优方法[/size]


var liststring = "<li>"
var lis = []; 
for (var i = 100; i > 0; i--){    
  lis.push("This is list item #" + (99- i)); 
} 
liststring += lis.join("</li><li>") + "</li>";  
document.getElementById("someUL").innerHTML(liststring);

[size=large]遍历对象属性最优方法[/size]


for (var prop in someObject) {     
    if (someObject.hasOwnProperty(prop)) {         
        alert(someObject[prop]); // alert's value of property     
    } 
}

[size=large]绑定事件最佳方法[/size]


<div id="grid-container">    
    <a href="someimage.jpg"><img src="someimage-thumb.jpg"></a>    
    <a href="someimage.jpg"><img src="someimage-thumb.jpg"></a>    
    <a href="someimage.jpg"><img src="someimage-humb.jpg"></a>    
    ... 
</div>


$("#grid-container").on("click", "a", function(event) {
    callLightbox(event.target); 
});

[size=large]返回boolean值的最佳方法[/size]


return foo.toString() !== "";