(JavaScript最新实战技巧.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.443242342;?? num?=?num.toFixed(4);??//?num?will?be?equal?to?2.4432?? 4.浮点数问题 [js]?view plaincopy 0.1?+?0.2?===?0.3?//?is?false??? 9007199254740992?+?1?//?is?equal?to?9007199254740992???? 9007199254740992?+?2?//?is?equal?to?9007199254740994?? 0.1+0.2等于0.30000000000000004，为什么会发生这种情况？根据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???