1,解构赋值
解构赋值主要包括数组的解构赋值、对象的解构赋值、字符串的解构赋值、函数参数的解构赋值。
(1)数组的解构赋值
js部分:
<script>
//数组的解构赋值
let [a,b,c]=[4,5.6]
console.log(a) //4
console.log(b) //5
console.log(c) //6
</script>
函数传参的解构赋值
js部分:
<script>
//ES6函数传参解构赋值
function fn1([a,b]){
return a+b;
}
console.log(fn1[6,9])
//ES5传参解构赋值
function fn(x,y){
return x+y;
}
console.log(fn(4,6))
</script>
交换两个变量的值
//ES5交换两个变量的值
var a=1;//把a的值赋给c
var b=2;//把b的值赋给a
var c=3;//把c的值赋给b
a=b;
b=c;
//ES6交换两个变量的值
let a=5;
let b=3;
[a,b]=[b,a]
设置函数默认值
//ES5中设置函数默认值
function fn(x,y){
x=x||10;
y=y||10;
return x+y;
}
console.log(fn(70,30))
//ES6中设置函数的默认值
function fn1(x=20,y=30){
return x+y;
}
console.log(fn1(60,70))
模板字符串
//ES5
var str='hello
world';
//ES6
var str=`hello
world`;
var uname='张三';
var age=18;
var hobby='听音乐';
console.log(我的名字叫做${uname}今年${age}岁我的爱好是${hobby}
)
箭头函数
let fun=>x*x
console.log(fun(8));
let fn=>()=>{
let x=6;
let y=3;
return x+y;
}
console.log(fn());