JavaScript代码简写技巧

2022-01-26 01:33:44 阅读：171 来源： 互联网

标签：10 abc 技巧 JavaScript a2 let new 简写

1、三元运算符

常规：

let x = 20;
let compared;
if (x > 10) {
  compared = "大于 10";
} else {
  compared = "小于 10";
}

简写：

let compared = x > 10 ? "大于 10" : "小于 10";

2、短路判断简写

将变量值分配给另一个变量时，您可能希望确保源变量不为null，undefined或为空。您可以编写带有多个条件的长 if 语句，也可以使用短路判断。
常规:

let a;
if ( a !== null || a !== undefined || a !== ''){
  let b = a;
}

简写：

let b = a || 'new'

// 例子：
let a1;
let a2 = a1 || 'new'
console.log(a2 === 'new'); // true

a1 = 'old';
a2 = a1 || 'new';
console.log(a2); // old

3、声明变量简写

常规:

let a;
let b;
let c = 3;

简写：

let a, b, c = 3;

4、If真值判断简写

常规：

if (a === true){}

简写：

if (a){}

// 例子
let b;
if( b !== true) {}
// 简写
/*
let b;
if (!b）{}
*/

5、For循环简写

常规：

let abc = ['a', 'b', 'c'];
for (let i = 0; i < abc.length; i++){}

简写：

for ( let value of abc){}

// 如果您只想访问索引
for (let index in abc){}

//Array.forEach简写
function abcFun(item, index, arr){
  console.log("abc[" + index + "]=" + item);
}
abc.forEach(abcFun);
// abc[0] = a;
// abc[1] = b;
// abc[2] = c;

6、短路判断赋值

如果预期参数为null或undefined，我们可以简单地使用短路逻辑运算符，只需一行代码即可完成相同的操作，而不是编写六行代码来分配默认值。
常规：

let b, a = 1;
if (a) {
  b = a;
} else {
  b = '2'
}

简写：

let b = a || '2'

7、十进制基本指数

你可能已经看过这个了。它本质上是一种编写没有尾随零的数字的奇特方式。例如，1e7实质上意味着1后跟7个零。它表示一个十进制基数（JavaScript解释为浮点类型）等于10,000,000。

正在持续更新中......

标签：10,abc,技巧,JavaScript,a2,let,new,简写
来源： https://www.cnblogs.com/lhongsen/p/15845225.html

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

ICode9