es6的扩展运算符,箭头函数,函数参数

发布时间:2019-08-10 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了es6的扩展运算符,箭头函数,函数参数脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

es6扩展运算符箭头函数,函数参数

扩展运算符用三个点号表示,功能是把数组或类数组对象展开成一系列用逗号隔开的值,扩展运算符有几点作用,接下来为大家一一解开!!!
一,展开数组
//展开数组
let a = [1,2,3,4,5],
b = [...a,6,7];
@H_360_35@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]

四,展开函数的调用
//展开函数调用
@H_901_126@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);

函数参数,参数分为三种,默认参数,扩展参数,剩余参数
一、默认参数
//默认参数
let moren = (name,age) => {
    let mo = `我叫${name},今年${age},来自东北`;
    console.log(mo);
}
moren("姜姜",23);
//打印出来的值:我叫姜姜,今年23,来自东北

二、扩展参数
//扩展参数
let sum = (a,b,c) => {
    console.log(a+b+c);
}
let a = [11,22,33];
sum(...a);
//打印出来的值:66

三、剩余参数
//剩余参数
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
祝大家开心

脚本宝典总结

以上是脚本宝典为你收集整理的es6的扩展运算符,箭头函数,函数参数全部内容,希望文章能够帮你解决es6的扩展运算符,箭头函数,函数参数所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。