幾個簡單js，普通寫法和高逼格寫法比較

1、 取數組中的數據，並對空值設置默認值：

常規寫法：

let arr = [0, 1, null, '', 'abc'];
let newArr = [];
arr.forEach((item, index) => {
    if (!item) {
        newArr[index] = '我原來是空值';
    } else {
        newArr.push(item);
    }
})

高逼格寫法：

let arr = [0, 1, null, '', 'abc'];
let newArr = [];
arr.forEach((item, index) => {
   newArr.push(item || item = '這種寫法是不是很屌？'))
})

2、數值取整：

常規寫法：

let num = 1.12;
let intNum = parseInt(num);

高逼格寫法：

let num = 1.12;
let intNum;

// 寫法一：
intNum = num|0;

// 寫法二：
intNum = ~~num;

// 寫法三：
intNum = num^0;

// 寫法四
intNum = num << 0；

 

3、不用第三個參數交換兩個變量的數值：

常規寫法：

let num1 = 5, num2 = 6;
num1 = num1 + num2;
num2 = num1 - num2;
num1 = num1 - num2;

// 常規寫法二：
num1 ^= num2;
num2 ^= num1;
num1 ^= num2;

高逼格寫法：(逼格高不高？)

// 寫法一：
let num1 = 5, num2 = 6;
num1 = [num2, num2 = num1][0];

// 寫法二：
[num1, num2] = [num2, num1];

 

4、函數參數默認值：

常規寫法：

function fn(name) {
    if (name) {
        name = name;
    } else {
        name = '我是默認值'；
    }
}
// 常規寫法二：
function fn(name) {
　　name = name || '我是默認值';
　　return name;
}

高逼格寫法：

function fn(name = '我是默認值') {
    return name;
}

 

以上寫法法不僅逼格高，而且代碼精簡很多，可以說是居司開發必備良方啊！