Web开发必知Javascript技巧大全(3)

  为什么呢?因为0.1+0.2等于0.30000000000000004。JavaScript的数字都遵循IEEE 754标准构建,在内部都是64位浮点小数表示,具体可以参见JavaScript中的数字是如何编码的.

  可以通过使用toFixed()和toPrecision()来解决这个问题。

  26、通过for-in循环检查对象的属性

  下面这样的用法,可以防止迭代的时候进入到对象的原型属性中。

for (var name in object) {   if (object.hasOwnProperty(name)) {    // do something with name    }   }

  27、逗号操作符

var a = 0;   var b = ( a++, 99 );   console.log(a); // a will be equal to 1   console.log(b); // b is equal to 99

  28、临时存储用于计算和查询的变量

  在jQuery选择器中,可以临时存储整个DOM元素。

 var navright = document.querySelector('#right');   var navleft = document.querySelector('#left');   var navup = document.querySelector('#up');   var navdown = document.querySelector('#down');

  29、提前检查传入isFinite()的参数

 isFinite(0/0) ; // false   isFinite("foo"); // false   isFinite("10"); // true   isFinite(10); // true   isFinite(undefined); // false   isFinite(); // false   isFinite(null); // true,这点当特别注意

  30、避免在数组中使用负数做索引

 var numbersArray = [1,2,3,4,5];    var from = numbersArray.indexOf("foo") ; // from is equal to -1    numbersArray.splice(from,2); // will return [5]

   注意传给splice的索引参数不要是负数,当是负数时,会从数组结尾处删除元素。

 31、用JSON来序列化与反序列化

 var person = {name :'Saad', age : 26, department : {ID : 15, name : "R&D"} };   var stringFromPerson = JSON.stringify(person);   /* stringFromPerson 结果为 "{"name":"Saad","age":26,"department":{"ID":15,"name":"R&D"}}" */   var personFromString = JSON.parse(stringFromPerson);   /* personFromString 的值与 person 对象相同 */

  32、不要使用eval()或者函数构造器

  eval()和函数构造器(Function consturctor)的开销较大,每次调用,JavaScript引擎都要将源代码转换为可执行的代码。

 var func1 = new Function(functionCode);   var func2 = eval(functionCode);

  32、不要使用eval()或者函数构造器

  eval()和函数构造器(Function consturctor)的开销较大,每次调用,JavaScript引擎都要将源代码转换为可执行的代码。

var func1 = new Function(functionCode);   var func2 = eval(functionCode);

  33、避免使用with()

  使用with()可以把变量加入到全局作用域中,因此,如果有其它的同名变量,一来容易混淆,二来值也会被覆盖。

  34、不要对数组使用for-in

  避免:

  var sum = 0;   for (var i in arrayNumbers) {    sum += arrayNumbers[i];   }

  而是:

 var sum = 0;   for (var i = 0, len = arrayNumbers.length; i < len; i++) {    sum += arrayNumbers[i];   }

    另外一个好处是,i和len两个变量是在for循环的第一个声明中,二者只会初始化一次,这要比下面这种写法快:

for (var i = 0; i < arrayNumbers.length; i++)

  35、传给setInterval()和setTimeout()时使用函数而不是字符串

  如果传给setTimeout()和setInterval()一个字符串,他们将会用类似于eval方式进行转换,这肯定会要慢些,因此不要使用:

setInterval('doSomethingPeriodically()', 1000);   setTimeout('doSomethingAfterFiveSeconds()', 5000);

  而是用:

setInterval(doSomethingPeriodically, 1000);   setTimeout(doSomethingAfterFiveSeconds, 5000);

  36、使用switch/case代替一大叠的if/else

  当判断有超过两个分支的时候使用switch/case要更快一些,而且也更优雅,更利于代码的组织,当然,如果有超过10个分支,就不要使用switch/case了。

  37、在switch/case中使用数字区间

  其实,switch/case中的case条件,还可以这样写:

 function getCategory(age) {    var category = "";    switch (true) {    case isNaN(age):    category = "not an age";    break;    case (age >= 50):    category = "Old";    break;    case (age <= 20):    category = "Baby";    break;    default:    category = "Young";    break;   };    return category;   }   getCategory(5); // 将返回 "Baby"

   38、使用对象作为对象的原型

  下面这样,便可以给定对象作为参数,来创建以此为原型的新对象:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgypgj.html