javascript 12個のあなたが身につけなければならないスキル

ウェブサイトの建設の時、私達として、いつもいくつかの高い効率のしかも便利なコードを書くことが好きで、ここで、dbestechはあなたのためにJavaScriptの使う技巧に関して提供します.
1.空(null、undefined)検証
新しい変数を作成すると、通常はその変数の値が空かどうか、未定義かを検証します.これはJavaScriptプログラミングにとって、常に考慮される検証である.
直接書くと次のようになります.
 

if (variable1 !== null || variable1 !== undefined || variable1 !== '') { let variable2 = variable1; }

 
もっと簡潔なバージョンを使用できます.
 

let variable2 = variable1  || '';

 
 
信じられないなら、Googleのブラウザ開発者パネルのコンソールの下で試してみてください.
 

//  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.配列
これは簡単なようです.非最適化コード:
 

let a = new Array(); a[0] = "myString1"; a[1] = "myString2"; a[2] = "myString3";

 
 
最適化コード:
 

let a = ["myString1", "myString2", "myString3"];

 
 
3.if true.elseの最適化
 

let big;if (x > 10) {big = true;}else {big = false;}

 
簡略化後:
 

let big = x > 10 ? true : false;

 
 
コード量を大幅に簡略化しました.
 

let big = (x > 10);let x = 3,big = (x > 10) ? "greater 10" : (x 10, false : x 

 
4.変数宣言
JavaScriptは変数を自動的に抽出しますが、この方法を使ってすべての変数を関数の頭の上に1行で解決できます.
最適化前:
 

let x;let y;let z = 3;

 
 
最適化後:
 

let x, y, z=3;

 
 
5.分配語句の簡略化
簡略化前:
 

x=x+1;minusCount = minusCount - 1;y=y*10;

 
 
簡略化後:
 

x++;minusCount --;y*=10;

 
 
仮説  x=10、y=5、基本的な算術演算は、以下のような簡略化された方法を使用することができる.
 

x += y // x=15x -= y // x=5x *= y // x=50x /= y // x=2x %= y // x=0

 
 
6.RegExpオブジェクトの使用を避ける
簡略化前:
 

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条件最適化
簡単ですが、言ってみる価値があります.
簡略化前:
 

if (likeJavaScript === true)

 
 
簡略化後:
 

if (likeJavaScript)

 
 
もう一つの判断が真実でない例を示します.
 

let c;if ( c!= true ) {// do something...}

 
 
簡略化後:
 

let c;if ( !c ) {// do something...}

 
 
9.関数パラメータの最適化
個人的には対象元素を取得する方式で関数パラメータにアクセスする傾向があります.
通常使用されるバージョン:
 

function myFunction( myString, myNumber, myObject, myArray, myBoolean ) {// do something...}myFunction( "String", 1, [], {}, true );

 
 
私の好きなバージョン:
 

function myFunction() {/*     console.log( arguments.length ); //    5for ( i = 0; i  

 
 
本文の下のコメントでは、ビルの主な方法ではなく、最初の方法で関数のパラメータを使う順番は変えられます.二つ目は気をつけてください.
10.charAt()の代替品
簡略化前:
 

"myString".charAt(0);

 
 
簡略化後:
 

"myString"[0]; //    'm'

 
 
最初の方法を使う人はもう多くないと思います.
11.関数コールは、より短くすることもできます.
簡略化前:
 

function x() {console.log('x')};function y() {console.log('y')};let z = 3;if (z == 3){x();} else {y();}

 
 
簡略化後:
 

function x() {console.log('x')};function y() {console.log('y')};let z = 3;(z==3?x:y)();

 
 
四いいえ、短いです.
12.どのように優雅に大きな数字を表していますか?
JavaScriptの中に数字を簡単に書く方法があります.見落としたかもしれません.1e7は100000万を表します.
簡略化前:
 

for (let i = 0; i  

 
 
簡略化後:
 

for (let i = 0; i  

転載先:https://www.cnblogs.com/ChinaLife/p/7125819.html