WEB开发网
开发学院网页设计JavaScript 与JavaScript新人共同分享实用经验 阅读

与JavaScript新人共同分享实用经验

 2010-09-14 13:47:52 来源:WEB开发网   
核心提示: 更好的写法是:<p>超哥是世界上最帅的人,benhuoer.com是世界上最好看的博客,与JavaScript新人共同分享实用经验(3),</p> <script type="text/javascript" src="path/

更好的写法是:

<p>超哥是世界上最帅的人。benhuoer.com是世界上最好看的博客。</p>
<script type="text/javascript" src="path/to/file.js"></script>
<script type="text/javascript" src="path/to/anotherFile.js"></script>
</body>
</html>

6. 在 For 语句外部声明变量

当需要执行冗长的for语句时,不要让JavaScript引擎每次都重复那些没有必要的操作。例如:

这样不好:

for(var i = 0; i < someArray.length; i++) {  
   var container = document.getElementById('container');  
   container.innerHtml += 'my number: ' + i;  
   console.log(i);  
} 

这段代码每次都重新定义数组长度,每次都在遍历DOM寻找container元素 —— 太傻了!

这样好多了:

var container = document.getElementById('container');  
for(var i = 0, len = someArray.length; i < len;  i++) {  
   container.innerHtml += 'my number: ' + i;  
   console.log(i);  
}

我要给留言改进这段代码的人额外惊喜!欢迎大家留言讨论!

7. 快速构建字串

要对一个数组或对象做循环操作时,不要老惦记着一表人才的for语句,拿点创意出来嘛!明明就还有很多更快的办法:

var arr = ['item 1', 'item 2', 'item 3', ...];  
var list = '<ul><li>' + arr.join('</li><li>') + '</li></ul>';

上一页  1 2 3 4 5 6 7 8  下一页

Tags:JavaScript 新人 共同

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接