JavaScrpt最新实战技巧.docVIP

JavaScript最新实战技巧 摘要：JavaScript是一门非常流行的编程语言，许多开发者都会把JavaScript选为入门语言，本文向大家分享JavaScript开发的小技巧、最佳实践等非常实用的内容。 在前段时间，CSDN研发频道发表了超实用的JavaScript技巧及最佳实践（上），很多开发者都觉得里面所提到的技巧非常实用，基于此，我们再向大家推荐超实用的JavaScript技巧及最佳实践（下），希望对大家有所帮助。 文中所提供的代码片段都已经过最新版的Chrome 30测试，该浏览器使用V8 JavaScript引擎（V8 5）。 1.使用逻辑符号或者||进行条件判断 [js]?view plaincopy var?foo? ?10; foo? ?10??doSomething ;?//?is?the?same?thing?as?if? foo? ?10 ?doSomething ; foo? ?5?||?doSomething ;?//?is?the?same?thing?as?if? foo?! ?5 ?doSomething ;?? AND也可以用来设置函数参数的默认值 [js]?view plaincopy Function?doSomething arg1 Arg1? ?arg1?||?10;?//?arg1?will?have?10?as?a?default?value?if?it’s?not?already?set 2.使用map 方法来遍历数组 [js]?view plaincopy var?squares? ?[1,2,3,4].map function? val return?val?*?val; ; //?squares?will?be?equal?to?[1,?4,?9,?16] 3.舍入小数位数 [js]?view plaincopy var?num? 2.座机电话号码2;?? num? ?num.toFixed 4 ;??//?num?will?be?equal?to?2.4432?? 4.浮点数问题 [js]?view plaincopy 0.1?+?0.2 0.3?//?is?false 座机电话号码?+?1?//?is?equal?to?座机电话号码 座机电话号码?+?2?//?is?equal?to?座机电话号码?? 0.1+0.2等于0.座机电话号码000000004，为什么会发生这种情况？根据IEEE754标准，你需要知道的是所有JavaScript数字在64位二进制内的都表示浮点数。开发者可以使用toFixed 和toPrecision 方法来解决这个问题。 5.使用for-in loop检查遍历对象属性 下面这段代码主要是为了避免遍历对象属性。 [js]?view plaincopy for? var?name?in?object if? object.hasOwnProperty name //?do?something?with?name 6.逗号操作符 [js]?view plaincopy var?a? ?0; var?b a++,?99? ; console.log a ;??//?a?will?be?equal?to?1 console.log b ;??//?b?is?equal?to?99?? 7.计算或查询缓存变量 在使用jQuery选择器的情况下，开发者可以缓存DOM元素 [js]?view plaincopy var?navright? ?document.querySelector #right ; var?navleft? ?document.querySelector #left ; var?navup? ?document.querySelector #up ; var?navdown? ?document.querySelector #down ;?? 8.在将参数传递到isFinite 之前进行验证 [js]?view plaincopy isFinite 0/0 ?;?//?false isFinite foo ;?//?false isFinite 10 ;?//?true isFinite 10 ;???//?true isFinite undifined ;??//?false isFinite ;???//?false isFinite null ;??//?true??!!! 9.在数组中避免负向索引 [js]?view plaincopy var?numbersArray? ?[1,2,3,4,5]; var?from? ?numbersArray.indexOf foo ?;??//?from?i