JavaScript程序员应该知道的45个实用技巧(3)


var foo = 10;
foo == 10 && doSomething(); // 等价于 if (foo == 10) doSomething();
foo == 5 || doSomething(); // 等价于 if (foo != 5) doSomething();


逻辑 AND 还可以被使用来为函数参数设置默认值

复制代码 代码如下:


function doSomething(arg1){
    Arg1 = arg1 || 10; // 如果arg1没有被设置的话,Arg1将被默认设成10
}


23 – 使用 map() 方法来遍历一个数组里的项

复制代码 代码如下:

var squares = [1,2,3,4].map(function (val) {
    return val * val;
});
// squares will be equal to [1, 4, 9, 16]


24 – 四舍五入一个数字,保留N位小数

复制代码 代码如下:

var num =2.443242342;
num = num.toFixed(4);  // num will be equal to 2.4432


25 – 浮点数问题

复制代码 代码如下:

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。你要知道,所有的JavaScript数字在内部都是以64位二进制表示的浮点数,符合IEEE 754标准。更多的介绍,可以阅读这篇博文。你可以使用 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 – 缓存需要计算和查询(calculation or querying)的变量

对于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(undifined);  // false
isFinite();   // false
isFinite(null);  // true  !!!


30 – 避免数组中的负数索引(negative indexes)

复制代码 代码如下:

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


确保调用 indexOf 时的参数不是负数。

31 – 基于JSON的序列化和反序列化(serialization and deserialization)

复制代码 代码如下:

var person = {name :'Saad', age : 26, department : {ID : 15, name : "R&D"} };
var stringFromPerson = JSON.stringify(person);
/* stringFromPerson is equal to "{"name":"Saad","age":26,"department":{"ID":15,"name":"R&D"}}"   */
var personFromString = JSON.parse(stringFromPerson);
/* personFromString is equal to person object  */


32 – 避免使用 eval() 和 Function 构造函数
使用 eval 和 Function 构造函数是非常昂贵的操作,因为每次他们都会调用脚本引擎将源代码转换成可执行代码。

复制代码 代码如下:

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];
}


更好的方式是:

复制代码 代码如下:

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

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