This website requires JavaScript.
My Life
RPT

20个常用的JavaScript简单技巧

4,621 words, 12 min read2022/10/26 PM82 views归属地 深圳

1、声明多个变量

          
  • 1
  • 2
  • 3
  • 4
  • 5
// 常规写法 let x; let y = 20// 简写 let x,y = 20

2、为多个变量赋值

          
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
// 常规写法 let a,b,c; a = 5; b = 8; c = 10// 简写 let [a,b,c] = [5,8,10]

3、恰当使用三元运算符

          
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
// 常规写法 let marks = 26; let result; if(marks >=30){ result = `Pass`; }else{ result = `Fail`; } // 简写 let result = marks >= 30 ? `Pass` : `Fail`

4、指定默认值

          
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
// 常规写法 let inagePath let path = getImagrPath() if(path !== null && path !==undefined && path !==''){ inagePath = path; }else{ inagePath ='default.jpg'; } // 简写 let imagrPath = imagrPath() || 'default.jpg'

5、AND (&&)短路求值

如果只在一个变量为真的情况下才调用某个函数,那么你可以用「AND(&&)短路求值」的逻辑来代替.

          
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
// 常规写法 if(isLoggedin){ goToHomepage(); } // 简写 isLoggedin && goToHomepage()

6、交换两个变量的值

当我们想交换两个变量的值时,经常会采取引入第三个变量的方法。其实我们可以通过数组解构赋值轻松地交换两个变量

          
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
let x = 'hello',y=55; // 常规写法 const temp = x; x=y; y=temp; // 简写 [x,y] = [y,x]

7、善用箭头

          
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
// 常规写法 function add(num1,num2){ return num1 + num2; } // 简写 const add = (num1,num2)=> num1+num2

8、模板字符串

我们通常使用+运算符来连接字符串和其他类型的变量。有了ES6模板字符串,我们可以用更简单的方式来组合字符串。

          
  • 1
  • 2
  • 3
  • 4
// 常规写法 console.log('you got a missde call from' + number + 'at' + time) // 简写 console.log(`you got a missed call from ${number} at ${time}`)

9、多行字符串

对于多行字符串,我们通常使用+操作符和一个新的换行符(\n)拼接实现。其实我们可以通过使用反引号(`)来更简单地实现。

          
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
// 常规写法 console.log('JavaScript,often abbreviated as JS, is a\n' + 'programming language that conforms to the \n' + 'ECMAScript specification. JavaScript is high-level, \n'+ 'often just-in-time compiled,and multi-paradigm.') // 简写 console.log(`JavaScript, often abbreviated as JS,is a programming language that conforms to the ECMAScript specification. JavaScript is high-level, often jus-in-time compiled,and multi-paradigm.`)
Published at2022/10/26 PMin技术,
Creative Commons BY-NC 3.0 CNhttps://potatomelon.com/article/1585185531775520769
0 / 0 comments
请登入
Be the first to comment