1. 空(null, undefined)驗(yàn)證
剛開始,我是比較蠢的驗(yàn)證(我還真是這樣子驗(yàn)證的)
if (variable1 !== null || variable1 !== undefined || variable1 !== '') { let variable2 = variable1; }
大哥教會(huì)了我這樣子驗(yàn)證,你會(huì)驚嘆一下的
let variable2 = variable1 || '';
如果你不信,在谷歌瀏覽器開發(fā)者面板的控制臺(tái)下試試!
//值為null的例子 let variable1 = null; let variable2 = variable1 || ''; console.log(variable2); //輸出: '' //值為undefined的例子 let variable1 = undefined; let variable2 = variable1 || ''; console.log(variable2); //輸出: '' //正常情況 let variable1 = 'hi there'; let variable2 = variable1 || ''; console.log(variable2); //輸出: 'hi there'
是不是很棒(可愛臉)
2. 數(shù)組
這個(gè)經(jīng)常用到,像我這樣子沒毛病
let a = ["myString1", "myString2", "myString3"];
3. if true .. else 的優(yōu)化
其實(shí)就是用三元運(yùn)算
let big; if (x > 10) { big = true; } else { big = false; }
可以變成這樣子的啦
let big = x > 10 ? true : false;
是不是簡潔了呢,三元運(yùn)算可以在很多的地方用到,(vue 里面 判斷組件的加載,,,是不是跑題了 )
再來一個(gè)例子
let big = (x > 10); let x = 3, big = (x > 10) ? "greater 10" : (x < 5) ? "less 5" : "between 5 and 10"; console.log(big); //"less 5" let x = 20,big = {true: x>10, false : x< =10}; console.log(big); //"Object {true=true, false=false}"
4. 變量聲明
變量聲明,這樣子的 let x; let y;......
不妨這樣像我這樣子,簡單又明了
let x, y, z=3;
5. 賦值語句的簡化
剛開始是這樣子的
x=x+1; minusCount = minusCount - 1; y=y*10;
搖身一變成
x++; minusCount --; y*=10;
6. 避免使用RegExp
對(duì)象
正則表達(dá)式,是不是要用到
var re = new RegExp("\d+(.)+\d+","igm"), result = re.exec("padding 01234 text text 56789 padding"); console.log(result); //"01234 text text 56789"
簡化一下
var result = /d+(.)+d+/igm.exec("padding 01234 text text 56789 padding"); console.log(result); //"01234 text text 56789"
7. If 條件優(yōu)化
雖然很簡單,但還是值得提一下。
if (likeJavaScript)
比起這樣字的會(huì)不會(huì)好一點(diǎn)呢
if (likeJavaScript === true)
8.函數(shù)調(diào)用還可以更短
function x() {console.log('x')};function y() {console.log('y')}; let z = 3; if (z == 3) { x(); } else { y(); }
其實(shí)就是函數(shù)自調(diào)拉
function x() {console.log('x')};function y() {console.log('y')};let z = 3; (z==3?x:y)();
9. 如何優(yōu)雅的表示大數(shù)字
在JavaScript中,有一個(gè)簡寫數(shù)字的方法,也許你忽略了。1e7
表示10000000。
簡化前:
for (let i = 0; i < 10000; i++) {
le7...............................................................................................(調(diào)皮啊)
for (let i = 0; i < 1e7; i++) {
你說四不四奇淫巧技嘛?
尊重我們的原文作者咔
版權(quán)聲明: 轉(zhuǎn)載時(shí)請(qǐng)注明作者Fundebug以及本文地址: https://blog.fundebug.com/2017/07/06/12-tricks-that-js-rocks/
分類: javascript
標(biāo)簽: javascript, 數(shù)組, 優(yōu)化代碼, 技巧, 你不知道的javascript
http://www.cnblogs.com/ifannie/p/7145804.html