JavaScript速记

声明变量

 

//longhand
let a;
let b;
let c="1";

//shorthand
let a, b, c="1";

三元运算符

三元运算符是一种根据条件分配值的简明方法。这个例子展示了如何使用它们来简化条件分配。

//longhand
let num;
if(a > 99) {
     num = true;
} else {
     num = false;
}

//shorthand
let num = a > 99 ? true : false;

分配运算符

速记赋值运算符（+=和-=）是根据当前值更新变量值的更紧凑的方法。

//longhand
a = a + b;
a = a - b;

//shorthand
a += b;
a -= b;

开关盒

我提供了一个在switch语句中使用对象映射案例的示例。这可以使代码更干净、更易于维护，特别是在有很多情况下。

//longhand
switch (something) {
     case 1:
          doSomething();
     break;
     case 2:
          doSomethingElse();
     break;
}

//shorthand
var cases = {
     1: doSomething,
     2: doSomethingElse
}

如果存在

利用布尔条件的真实性来缩短if语句是一个巧妙的技巧，可以使您的代码更简洁。

//longhand
if (boolean === true) {
     // Your Code Goes Here
}

//shorthand
if (boolean) {
     // Your Code Goes Here
}

箭头函数

箭头函数是一种以更紧凑的语法定义函数的现代方式。这个例子说明了如何将传统函数转换为箭头函数。

//longhand
function helloWorld(firstName){
     console.log('Ciao', firstName);
}

//shorthand
helloWorld = firstName => console.log('Ciao', firstName);

charAt（）

我已经展示了如何使用速记符号来使用索引符号访问字符串中的字符。

//longhand
"name".charAt(3); // Output => 'e'

//shorthand
"name"[3]; // Output => 'e'

对象数组表示法

使用数组字面量初始化数组比使用新的Array()构造函数更简洁。

//longhand
let array1 = new Array();
array1[0] = "firstName";
array1[1] = "secondName";
array1[2] = "thirdName";
array1[3] = "lastName";

//shorthand
let array1 = ["firstName", "secondName", "thirdName", "lastName"];

标签：JavaScript,运算,函数
来源：