JavaScript速记

2023-08-10 19:51:04 阅读：313 来源： 互联网

声明变量

//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,运算,函数
来源：

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9