一、ES 6-キーワードlet constの使い方

2320 ワード

  • let用途
  • var不足点
  • constの使い方
  • let用途
    振り返ってみますと、私達は普段コードを書く時に、一つの変数をvarで宣言しています.それ以外にも他のキーワードを使っていないようです.私達が宣言したのは文字列のタイプ、配列のタイプ、それとも数字のタイプなどに関わらず、一つのvarを使っています.しかし、ES 6は、varを除いて、変数を宣言するためにletを試してみてもいいと教えています.
    varの足りないところ
  • 変数をvarで宣言すると「変数アップ」という現象が発生します.
      var a = 1;
    (function(){
       alert(a);
       var a = 2;
    })();//  :undefined
    
    その理由はコードブロック(関数内)で変数aを宣言して定義したことにあります.変数が上昇して、実際のコードの実行順序はこうなります.よく見たら変数が上昇したということが分かります.
    var a = 1;
       (function(){
       var a;
       alert(a);
       a = 2;
    })();
    
    letキーワードを使うとこの問題を避けることができます.
    var a = 1;
    (function(){
       alert(a);
       let a = 2;
    })();   //   :  a   
    
    constの使い方
    1..
    コンサートはコンサートイベント(定数)です.の略語で、constはletと同様に変数を宣言するためのものですが、constは定数を表しています.名前の通り、定数の値は変えられません.以前varで宣言した変数は、どのように変更すればいいですか?同じ変数で、後の値は簡単に元の値をカバーできます.今回のconst声明の変数は、私達がわがままに変えたいです.変えました
    2.cont定数の特徴
    2.1、変更不可
             const Name = '  ';
             Name = '  ';//  ,      Name
    
    2.2、ブロックレベルのスコープだけで機能するのは、letキーワードと同じです.
    if(1){
           const Name = '  ';
         }
        alert(Name);//  ,    { } ,Name  
    
    2.3、変数アップグレードが存在しないので、先に声明してから使用しなければならないこともletキーワードと同じです.
       if(1){
           alert(Name);//  ,      
           const Name = '  ';
       }
    
    2.4、同じ変数を繰り返し宣言してはいけません.これはletと同じです.
        var Name  = '  ';
        const  Name = '  ';//  ,           Name
    
    2.5、宣言後は必ず価値を賦課しなければならない.
       const NAME; //  ,      
    
    3.定数が対象の場合
        const Person = {"name":"  "};
        Person.name = "  ";
        Person.age = 20;
        console.log(Person);
        //  :    {name: "  ", age: 20}
    
    常量Personは修正されたようです.nameは「李四」に変更されました.また、age属性を追加しました.値は20になります.定数は変更できないと約束したのではないですか?約束の定数は変更されます.ここではまず、割り当ての過程で、値割り当てと住所割り当てに分けられます.ここでは、住所の値を使用しました.
    転送先:変数は、実際には、元のデータまたはデータのコピーではなく、データのアドレス(データへの参照)を格納します.
    下のコードを見てください.
        var student1 = {"name":"  "};
        var student2 = student1;
        student2.name = "  ";
        console.log(student1);
        //  :   {name: "  "}
        console.log(student2);
        //  :   {name: "  "}
    
    私たちのconstキーワードは、オブジェクトの種類の定数をconstで宣言します.つまり、オブジェクト自体ではなく、メモリ内のアドレスを伝えます.