继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

EACMA ES6新特性部分介绍

印章
关注TA
已关注
手记 1
粉丝 0
获赞 15

1、关键字(chrome亲测ok):let--------------------var
块级作用域、及时销毁 函数级作用域

if(1){
         var a=1;
        let b=2;
        console.log(a);// 1
        console.log(b);//2
    }
    console.log(a);//1
    console.log(b);//报错:Uncaught ReferenceError: b is not defined

2、关键字(chrome亲测ok):const-------------------var
块级作用域、单变量必须同时声明,赋值、不可修改值;数组、对象可改变

if(ture){
        const c=3;
        c=4;        //报错 const声明的变量,值不可更改: Uncaught TypeError: Assignment to constant variable
        const d;    //报错 const声明的变量,必须同时声明、赋值:Uncaught SyntaxError: Missing initializer in const declaration
        d=4;
        console.log(c);
        console.log(d);
    }
        console.log(c);//报错 const声明变量为块级作用域: Uncaught ReferenceError: c is not defined
        console.log(d);

3、箭头函数
4、字符串新增方法:Str.startWith("subStr")、Str.repeat(n)
5、模板字符串(chrome暂不支持):${}

let name="jhon",apples=5,pears=7,bananas=function(){ return 3;}
    console.log('this is ${name}');
    console.log("He has ${spples} apples, ${pears} pears and ${bananas()} bananas");

6、数组新增静态方法、原型新增方法:新增数据结构Map/Set
7、Math对象新增几个方法(chrome亲测ok):
(1).Math.sign(number) ->返回数字正负号(1、-1、0);
(2).Math.trunc(number) ->返回无小数部分数字;
(3).Math.cbrt(number) ->返回立方根
8、扩展操作符:(...)
9、解构(chrome亲测ok):

var [a,b]=[1,2];
    console.log(a);//1
    console.log(b);//2
//此处可简化两值交换
[b,a]=[a,b];
console.log(a);//2
console.log(b);//1

10、参数默认值(chrome亲测ok):

function(x,y=2){//y 默认值为2 ===》y=y===undefined?2:y;
    return x*y
    }
    console.log(function(3));//6
    console.log(function(3,5));//15

11、rest 参数
12、模块
13、类
14、记号:新的原生数据类型Symbol()
15、转译:

打开App,阅读手记
3人推荐
发表评论
随时随地看视频慕课网APP