es6增强的功能有哪些

let[foo,[[bar],baz]]=[1,[[2],3]];
foo//1
bar//2
baz//3

let[,,third]=["foo","bar","baz"];
third//"baz"

let[x,,y]=[1,2,3];
x//1
y//3

let[head,...tail]=[1,2,3,4];
head//1
tail//[2,3,4]

let[x,y,...z]=['a'];
x//"a"
y//undefined
z//[]

let[x,y,z]=newSet(['a','b','c']);
x//"a"

let[foo=true]=[];
foo//true
let[x,y='b']=['a'];//x='a',y='b'
let[x,y='b']=['a',undefined];//x='a',y='b'
let[x=1]=[null];x//null

注意，ES6 内部使用严格相等运算符（===），判断一个位置是否有值。所以，只有当一个数组成员严格等于undefined，默认值才会生效。如果一个数组成员是null，默认值就不会生效，因为null不严格等于undefined。

functionf(){
console.log('aaa');
}
let[x=f()]=[1];

let{bar,foo}={foo:'aaa',bar:'bbb'};
foo//"aaa"
bar//"bbb"
let{baz}={foo:'aaa',bar:'bbb'};
baz//undefined

对象的解构赋值，可以很方便地将现有对象的方法，赋值到某个变量。

//例一
let{log,sin,cos}=Math;

//例二
const{log}=console;
log('hello')//hello

上面代码的例一将Math对象的对数、正弦、余弦三个方法，赋值到对应的变量上，使用起来就会方便很多。例二将console.log赋值到log变量。

let{foo:baz}={foo:'aaa',bar:'bbb'};
baz//"aaa"
foo//error:fooisnotdefined

上面代码中，foo是匹配的模式，baz才是变量。真正被赋值的是变量baz，而不是模式foo。

letobj={
p:[
'Hello',
{y:'World'}
]
};

let{p:[x,{y}]}=obj;
x//"Hello"
y//"World"

var{x=3}={x:undefined};
x//3

var{x=3}={x:null};
x//null

let{length:len}='hello';
len//5

let{toString:s}=123;
s===Number.prototype.toString//true

let{toString:s}=true;
s===Boolean.prototype.toString//true

functionadd([x,y]){
returnx+y;
}

add([1,2]);//3

letx=1;
lety=2;
[x,y]=[y,x];

//返回一个数组

functionexample(){
return[1,2,3];
}
let[a,b,c]=example();

//返回一个对象

functionexample(){
return{
foo:1,
bar:2
};
}
let{foo,bar}=example();

//参数是一组有次序的值
functionf([x,y,z]){...}
f([1,2,3]);

//参数是一组无次序的值
functionf({x,y,z}){...}
f({z:3,y:2,x:1});

letjsonData={
id:42,
status:"OK",
data:[867,5309]
};

let{id,status,data:number}=jsonData;

console.log(id,status,number);
//42,"OK",[867,5309]

constmap=newMap();
map.set('first','hello');
map.set('second','world');

for(let[key,value]ofmap){
console.log(key+"is"+value);
}
//firstishello
//secondisworld

如果只想获取键名，或者只想获取键值，可以写成下面这样。

//获取键名
for(let[key]ofmap){
//...
}
//获取键值
for(let[,value]ofmap){
//...
}

"uD842uDFB7"
//"?"
"u20BB7"
//"7"

for(letcodePointof'foo'){
console.log(codePoi免费云主机、域名nt)
}
//"f"
//"o"
//"o"

//普通字符串
`InJavaScript'n'isaline-feed.`

//多行字符串
`InJavaScriptthisis
notlegal.`

console.log(`stringtextline1
stringtextline2`);

//字符串中嵌入变量
letname="Bob",time="today";
`Hello${name},howareyou${time}?`

大括号内部可以放入任意的 JavaScript 表达式，可以进行运算，以及引用对象属性。

letx=1;
lety=2;

`${x}+${y}=${x+y}`
//"1+2=3"

`${x}+${y*2}=${x+y*2}`
//"1+4=5"

letobj={x:1,y:2};
`${obj.x+obj.y}`
//"3"

模板字符串之中还能调用函数。如果大括号中的值不是字符串，将按照一般的规则转为字符串。比如，大括号中是一个对象，将默认调用对象的toString方法。

functionfn(){
return"HelloWorld";
}

`foo${fn()}bar`
//fooHelloWorldbar

String.raw`Hin${2+3}!`
//实际返回"Hin5!"，显示的是转义后的结果"Hin5!"

String.raw`Hiu000A!`;
//实际返回"Hiu000A!"，显示的是转义后的结果"Hiu000A!"

3, 实例方法：includes(), startsWith(), endsWith()

lets='Helloworld!';

s.startsWith('Hello')//true
s.endsWith('!')//true
s.includes('o')//true

leta=5;
letb=10;
functiontag(s,v1,v2){
console.log(s[0]);
console.log(s[1]);
console.log(s[2]);
console.log(v1);
console.log(v2);
return"OK";
}
tag`Hello${a+b}world${a*b}`;
//"Hello"
//"world"
//""
//15
//50
//"OK"

functionlog(x,y='World'){
console.log(x,y);
}

log('Hello')//HelloWorld
log('Hello','China')//HelloChina
log('Hello','')//Hello

constname='tony'
constperson={
name:'tom',
say:()=>console.log(this.name),
sayHello:function(){
console.log(this.name)
},
sayHi:function(){
setTimeout(function(){
console.log(this.name)
},500)
},
asyncSay:function(){
setTimeout(()=>console.log(this.name),500)
}
}
person.say()//tony
person.sayHello()//tom
person.sayHi()//tony
person.asyncSay()//tom

constfoo='bar';
constbaz={foo};
baz//{foo:"bar"}

//等同于
constbaz={foo:foo};
consto={
method(){
return"Hello!";
}
};

//等同于

consto={
method:function(){
return"Hello!";
}
};

1、如果key与value变量名相同，省略:value

constbar='bar'
constobj={
bar,
fn(){
console.log('1111')
},
[Math.random()]:'123'
}
console.log(obj)