記事のディレクトリ
Varの差としましょう、ののconst
-
var変数宣言は、ウィンドウにマウントされ、letおよびconst変数宣言があること、ではないvarすべてのグローバル変数を宣言しました。 -
varDECLARE変数は、変数の増加が存在し、letそしてconstすなわち、全くリフト変数が存在しないvar変数の定義は、最初の使用後に定義することができます。 -
letそして、constある文のフォームスコープ、このドメインの唯一の役割{}インナー -
同じスコープの下
letとconst同じ名前の変数を宣言することはできませんが、varあなたができます -
死者をステージング
`var` a = 100; if(1){ a = 10;//就近原则 //在当前块作用域中存在a使用let/const声明的情况下，给a赋值10时，只会在当前作用域找变量a， // 而这时，还未到声明时候，所以控制台Error:a is not defined let a = 1; } -
CONST
- 宣言が割り当てられている必要があります一度、あなたが使用することはできません
nullプレースホルダを - 声明は、変更することはできませんした後
- 文は、複合型のデータである場合は、そのようなアレイ、オブジェクトとしてそのプロパティを変更することができます
var変数宣言の初期値undefinedを介して、let唯一の初期定義する変数宣言コードまで行われます - 宣言が割り当てられている必要があります一度、あなたが使用することはできません
ファンクション・ジェネレータ
generator（ビルダー）がES6導入された新しい標準データ型。generator関数のように見えますが、何度も返すことがあります。
これは次のように定義されます。
function* foo(x){
yield x+1;
yield x+2;
return x+3;
}
generatorそして、さまざまな機能があり、generatorによりfunction*定義に加えてreturn陳述するだけでなく、することができyield、複数回を返します
generatorそして、通常の関数に比べて、使用することは何ですか？
generator状態変数は、関数の実行中に複数回返すことができます- 非同期コールバック・コードは、コードが層状になり、コードのネストされた「同期」をたくさんなっ必要がありません
try {
r1 = yield ajax('http://url-1', data1);
r2 = yield ajax('http://url-2', data2);
r3 = yield ajax('http://url-3', data3);
success(r3);
}
catch (err) {
handle(err);
}
非同期機能
ES2017標準では紹介async非同期操作がより便利になりそうという、機能を。async機能があるgenerator糖衣構文機能。
asyncファンクションgenerator機能の違い：
-
内蔵アクチュエータ
generator関数の実行アクチュエータに依存しなければならない、とasyncアクチュエータが付属しています機能。つまり、async長い行などとして、関数の実行、および正常な機能とまったく同じ。 -
ベター・セマンティクス
asyncそしてawait、比較*およびyieldセマンティクスの詳細は明らか。async非同期操作を表す関数、あるawait結果を待つために、すぐに次の式のニーズを表明が。 -
通常、
awaitコマンドが続いているPromiseオブジェクト。そうでない場合、それはすぐに変換されるオブジェクト。resolvePromise -
戻り値は
Promiseasync戻り値があるPromiseよりも、オブジェクトgenerator関数の戻り値はIteratorはるかに便利ターゲット。あなたは使用することができますthen次に何をすべきかを指定する方法を。
また、async関数はに充填し、複数の非同期動作として見ることができるPromiseオブジェクト、およびawaitコマンドが内部であるthen糖衣構文コマンド。
ドロップダウンボックスには、パラメータを選択します
formフォームはによると、ブラウザに送信されると"select的名字 =被选择的option的value"に、このフォームhttp url要求パケット、複数の場合、Qは、我々は、サーバーが使用できるList<value的类型>データモードを受け取ります
小道具およびattRの使用
用HTMLによる処理のある要素自体の固有の特性、prop方法。
以下のためにHTML私たち自身のカスタムの要素DOM、使用取り扱う際の属性attrの方法を。
チェックボックスの使用
//让某个icon的checkbox被选中
$("#div1 :radio[value='"+value1+"']").attr("checked",true);
//获取多个checkbox被选中的icon值
const ckbs = $("#div1 [name='value1']:checked").val();
