ES6新語法(一)

1,let和conset使用方法
// let 作用域內(nèi)的變量,在本作用域內(nèi)有效(相當(dāng)于 var的作用)
// const是常量:一旦被賦值就不能被修改

2,數(shù)組結(jié)構(gòu)賦值
    //es6之前的語法
        var arr = [1,2,3];
        console.log(arr[0]);
        console.log(arr[1]);
        .............
    
    //es6語法
        var[a,b,c]=[1,2,3]
        
        var [a,b,c] = new set({4,5,6});
        var [a=1,b=2]=[]// 輸出1,1 因?yàn)?為空數(shù)組
        console.log(a);
        console.log(b);
        console.log(c);
3,對象解構(gòu)賦值
    //es6之前語法
    var json ={
        a:1;
        b:2;
    };
    //es6語法
    var {a,b} = {a:1,b:4}
    var {a,b} = {a:1,b:[2,3]} //輸出a:1 b:[2,3]
    console.log(a);
    console.log(b);
    
4,函數(shù)解構(gòu)賦值
    //es6之前語法
        function fn([a,b]){
            console.log([a,b])
        }
    //es6語法
        function fn([a=1,b=2]={}){
            console.log([a,b]);
        }
        fn(a=5)
        
5,Class類
    //es6之前語法
    function person(name,age){
        this.name = name;
        this.age = age;
    }
    var p = new person("張三","18");
    console.log(p.name);
    console.log(p,age);
    
    //es6語法
    class person{
        say(){
            console.log("我說話了");
        }
    }
    var p = new person();
    p.say()//調(diào)用成功
    
6,類的繼承
    Class person{
        constructor(name){
            this.name = name;
        }
        
        say(){
            console.log(this.name+"說話了");
        }
    }
    
    var p = new person("張三");
    p.say()//  張三說話了
    
    //繼承
        class man extends person{
            super(name)//傳入一個 super
        }
        var m = new man("男人");
        m.say();//男人說話了
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • let 和 const 命令 let 命令 塊級作用域 const 命令 頂層對象的屬性 gl...
    安小明閱讀 1,041評論 0 0
  • 《ECMAScript6 入門》阮一峰 讀書筆記 let和constlet聲明的變量僅在塊級作用域內(nèi)有效,var聲...
    親愛的孟良閱讀 807評論 1 2
  • let 基本用法 let命令,用來聲明變量。用法類似于var,但聲明的變量,只在let命令所在的代碼塊內(nèi)有效。 f...
    oWSQo閱讀 486評論 0 0
  • 特別說明,為便于查閱,文章轉(zhuǎn)自https://github.com/getify/You-Dont-Know-JS...
    殺破狼real閱讀 627評論 0 0
  • 突然想明白,那些整天喊減肥的人減不下去的原因了,可謂是一瞬間的頓悟。 正如我每天喊著豐胸,我的胸也沒有豐起來一樣,...
    評綜俠影閱讀 785評論 2 50

友情鏈接更多精彩內(nèi)容