goodHabit

编写JS的好习惯

1.常量使用const代替var。

• 常量是永不变的量。

//旧方法
var i = 1;

//好习惯
const i = 1;

2.变量使用let代替var。

• let语句声明了一个具有块级作用域的局部作用域变量。

//旧方法
var myVal = 1;
for (var i; i < 10; i++) {
    myVal = 1 + i;
}

//好习惯
let = 1;
for (let i; i < 10; i++) {
    myVal += i;
}

3.使用快捷方式声明对象。

//旧方法
The Object() class makes an unnecessary function call

const myObject = new Object();

//好习惯
cibst myObject = {};

4.连接字符串。

//旧方法
const myStringToAdd = "world";
const myString = "hello" + myStringToAdd;

//好习惯
const myStringToAdd = "world";
const myString = `hello ${myStringToAdd}`;

5.使用对象方法简写。

//不适当
const customObject = {
    val: 1,
    addVal: function () {
        return customObject.val + 1;
    }
}

//好习惯使用
const customObject = {
    val: 1,
    addVal () {
        return customObject.val++;
    }
}

6.创建对象的值。

//旧方法
const value = 1;
const myObject = {
    value: value
}

//好习惯
const value = 1;
const myObject = {
    value
}

7.给对象赋值。

//旧方法
const object1 = { val: 1, b: 2 };
let object2 = { d: 2, z: 4 };
object2.val = object1.val;
object2.b = object1.b;

//好习惯使用
const object1 = { val: 1, b: 2 };
const object2 = { ...object1, d: 3, z: 4 };

8.给数组赋值。

//不适当
const myArray = [];
myArray[myArray.length] = "hello world";

//好习惯使用
const myArray = [];
myArray.push('hello world');

9.连接数组。

//不适当
const array1 = [1, 2, 3, 4];
const array2 = [5, 6, 7, 8];
const array3 = array1.concat(array2);

//好习惯使用
const array1 = [1, 2, 3, 4];
const array2 = [5, 6, 7, 8];
const array3 = [...array1, ...array2];

10.获取对象的多个属性。

//不适当
function getFullName (client) {
    return `${client.name} ${client.last_name}`;
}

//好习惯使用
function getFullName ({name, last_name}) {
    return `${name} ${last_name}`;
}

11.创建函数。

//老方法，但很好
function myFunc () {}

//很好
const myFunc = function () {}

//最好
const myFunc = () => {}

12.默认值。

//不适当
const myFunct = (a, b) => {
    if (!a) a = 1;
    if (!b) b = 1;
    return { a, b };
}

//好习惯使用
const myFunct = (a = 1, b = 1) => {
    return { a, b };
}

13.使用reduce代替forEach和for来求和。

//不适当
const values = [1, 2, 3, 4, 5];
let total = 0;
values.forEach( (n) => { total += n })

//不适当
const values = [1, 2, 3, 4, 5];
let total = 0;
for (let i; i < values.length; i++) {
    total += values[i];
}

//好习惯使用
const values = [1, 2, 3, 4, 5];
let total = values.reduce( (total, num) => total + num );

14.是否存在数组中。

//不适当
const myArray = [{a: 1}, {a: 2}, {a: 3}];
let exist = false;
myArray.forEach(item => {
    if (item.a === 3) exist = true;
});

//好习惯使用
const myArray = [{a: 1}, {a: 2}, {a: 3}];
const exist = myArray.some( item => item.a == 2 );

15.布尔值的快捷方法。

//不适当
const a = 5;
let b;
if (a === 5) {
    b = 3;
} else {
    b = 2;
}

//好习惯使用
const a = 5;
cosnt b = a === 5 ? 3 : 2;
const exist = myArray.some( item => item.a == 2 );

15.布尔值的快捷方法。

//不适当
const a = 5;
let b;
if (a === 5) {
    b = 3;
} else {
    b = 2;
}

//好习惯使用
const a = 5;
cosnt b = a === 5 ? 3 : 2;