EACMA ES6新特性部分介绍
标签:
JavaScript
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、转译:
点击查看更多内容
3人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦