JavaScript es6 入門知識解説

巴扎黑
リリース: 2017-07-22 17:51:18
オリジナル
1732 人が閲覧しました

さあ、ES6 を学びましょう。ES6 は現在人気のある言語ですが、すべてのブラウザが E6 のすべての機能と互換性があるわけではありません。

それでも、ES6 の構文を学ぶ必要があります。

互換性のため、既存の環境で実行できるように ES6 コードを ES5 コードに変換できる広く使用されている ES6 コンバーターである Babel について学ぶ必要があります。

変数の宣言:

let, const

letのスコープは、bombして定義することはできず、

{
    let a=12;
    alert(a) //let的作用域是代码块  a=12}
    alert(a); //因为let的作用域是代码块 a=undefinedalert(a);  //undefinedvar a=12;

        alert(a);//let不允许先弹再定义  会报错let a=12
ログイン後にコピー

が報告されます。 let のように、事前解析関数がなく、エラーが報告される定数です

const で宣言された変数には値が必要で、そうでない場合は初期値を与える必要があります。エラーが報告されます

    {const a=12;
            console.log(a)
        }
        alert(a)
ログイン後にコピー

<span style="font-size: 16px">  必须给初始值,不然会报错<br><br>  for of可以循环数组,但是会出问题,循环不了json<br><br>  name指的是一组  键和值  出来之后是数组<br>  还有一种新的数据类型:</span><span style="font-size: 16px">Symbol()<br>  函数箭头:<br>    </span>
ログイン後にコピー
  window.onload=()=>{var oDiv=document.getElementById("div");//                oDiv.onclick=()=>{//                    alert(this);//箭头函数中this指向是window//                    oDiv.style.background="red";//                }let show=()=>{
                oDiv.style.background="blue";
            }
            oDiv.onclick=show;
            let move=(obj="obj必须传递",{}={},options)=>{
                console.log(obj);
            };
            move(1);
        }
ログイン後にコピー

<span style="font-size: 16px">最后解构赋值:<br></span>
ログイン後にコピー
//模式匹配&解构赋值  json 同理var {a=12,b,c}={b:1,c:2};
        console.log(a,b,c)
ログイン後にコピー

<br>
ログイン後にコピー
<br><br>
ログイン後にコピー

以上がJavaScript es6 入門知識解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート