es6的擴展運算符,箭頭函數,函數參數
擴展運算符用三個點號表示,功能是把數組或類數組對象展開成一系列用逗號隔開的值,擴展運算符有幾點做用,接下來爲你們一一解開!!!
一,展開數組
//展開數組
let a = [1,2,3,4,5],
b = [...a,6,7];
console.log(b);
//打印出來的值[1, 2, 3, 4, 5, 6, 7]
二,數組的拷貝
//數組的拷貝
var c = [1, 2, 3];
var d = [...c];
d.push(4);
console.log(d);
//打印出來的值[1, 2, 3, 4]
三,數組的合併
//數組的合併
var j = [7, 1, 2];
var k = [5, 0, 8];
j = [...k, ...j];
console.log(j)
//打印出來的值[5, 0, 8, 7, 1, 2]
四,展開函數的調用
//展開函數調用
function fn(a,b,c,d){
console.log(a+b+c+d);
}
var p=[1,9,3,,6];
let result=fn(5,...p);開函數的調用
//打印出來的值18
擴展運算符(spread)是三個點(...),將一個數組||類數組||字符串轉爲用逗號分隔的序列。這傢伙是用來對數組進行操做的,把數組裏面的東西通通拿出來
箭頭函數
//箭頭函數 =>
let jian = () => {
console.log("Hello")
}
jian();
//沒有參數
()=>{
console.log("你好")
};
//有參數
(name)=>{
console.log(name);
};
//能夠省略()
let d = name=>{
console.log(name);
}
d('jiang');
//兩個參數
(name,age)=>{
console.log(name,age);
};
//省略後的
let c (a,b)=>a+b;
(a,b)=>{console.log(a+b);
console.log(c);
函數參數,參數分爲三種,默認參數,擴展參數,剩餘參數
1、默認參數
//默認參數
let moren = (name,age) => {
let mo = `我叫${name},今年${age},來自東北`;
console.log(mo);
}
moren("姜姜",23);
//打印出來的值:我叫姜姜,今年23,來自東北
2、擴展參數
//擴展參數
let sum = (a,b,c) => {
console.log(a+b+c);
}
let a = [11,22,33];
sum(...a);
//打印出來的值:66
3、剩餘參數
//剩餘參數
let da = (a,b,...zong) => {
console.log(zong);
var result = zong.reduce((a,b) => a+b);
console.log(result);
console.log(a+b);
};
da(1,33,45,6,7,3,2,34,5);
//打印出來的值:[45, 6, 7, 3, 2, 34, 5]
//打印出來的值:102
//打印出來的值:34
祝你們開心