ES6新语法(一)

1,let和conset使用方法
// let 作用域内的变量,在本作用域内有效(相当于 var的作用)
// const是常量:一旦被赋值就不能被修改

2,数组结构赋值
    //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 因为3为空数组
        console.log(a);
        console.log(b);
        console.log(c);
3,对象解构赋值
    //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,函数解构赋值
    //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()//调用成功
    
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();//男人说话了
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • let 和 const 命令 let 命令 块级作用域 const 命令 顶层对象的属性 gl...
    安小明阅读 991评论 0 0
  • 《ECMAScript6 入门》阮一峰 读书笔记 let和constlet声明的变量仅在块级作用域内有效,var声...
    亲爱的孟良阅读 736评论 1 2
  • let 基本用法 let命令,用来声明变量。用法类似于var,但声明的变量,只在let命令所在的代码块内有效。 f...
    oWSQo阅读 444评论 0 0
  • 特别说明,为便于查阅,文章转自https://github.com/getify/You-Dont-Know-JS...
    杀破狼real阅读 585评论 0 0
  • 突然想明白,那些整天喊减肥的人减不下去的原因了,可谓是一瞬间的顿悟。 正如我每天喊着丰胸,我的胸也没有丰起来一样,...
    评综侠影阅读 748评论 2 50