您的位置:首页 > 其它

ECMAScript6 学习笔记

2017-08-27 19:26 197 查看

精华

1、字符串笔记:反单引号

`abc${变量名}ef`


2、解构赋值:

解构赋值给默认值:
var json={};
var a=json.a || 12 //如果a为空,给a初始值12
语法:var {time=12,id=0}={}//time为空时,给time12


3、复制数组

复制数组:
1、循环
2、Array.from(arr)
3、var arr2=[...arr]
...实参:
function show(...args){args.push(5);
console.log(args)};


4、循环

var arr=['apple','banana','orange','pear'];
for(var i in arr){//0 1 2 3 索引
console.log(i);
}
for(var i of arr){//apple banana orange pear
console.log(i)
}


for of 可以循环数组,不能循环json 真正的目的为了循环 map对象

Map对象:和json相似,也是一种key-value形式
var map =new Map();
设置:map.set(name,value);map.set('a','apple')
获取:map.get(name) //不能 map.a
删除:map.delete(name)//不能json中的用法delete json.a
遍历map:
不能使用for in ,没有效果
for(var name of map){
console.log(name);//a,apple b,banana
}
for(var[key,value]of map.entries()){
console.log(key,value);//key value
}
for(var key of map.keys()){//只循环key
console.log(key);//key
}
for(var val of map.values){
console.log(val);//value
}
for of 也可以循环数组:
只循环值:
for(var value of arr)
只循环索引:
for(var key of arr.keys()){}
索引和值都循环:
for(var some of arr.entries()){}


5、箭头函数

注意:this问题,this指向了window
arguments,不能使用了


6、单题模式:

以前的写法:
var person={
name:'abc',
age:16,
showName:function(){
alert(this.name);
}
showAge:function(){
alert(this.age)
}
}
person.showName();

ES6新的写法:
var age=101;
var person={
name,
age,
showName(){
return this.name;
}
showAge(){
return this age;
}
}


7、面向对象

class Person{
constructor(name='default',age=0){
this.name=name;
this.age=age;
}
showName(){
reture this.name;
}
showAge(){
reture this.age;
}
}
var P1=Person();
继承:
clas Worker extends Pesson{

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: