ES6要点总结(4)-箭头函数=>

2018-06-24 01:52:37来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

箭头函数特点一:没有自己的this对象,其this对象为所在环境
特点二 :没有arguments参数 可以用...rest代替
特点三:不能使用构造函数,不可使用new命令,否则会报错
//函数的扩展  1 指定默认参数
function sum(a=1,b=2) {
    console.log(a+b)
}
sum() //a和b没传 所以默认是1和2  执行结果是3
//2 rest参数,格式为...变量名。用于获取函数多余参数,这样就不不用使用arguments了,rest参数为一个数组
//(1)使用arguments的情况
function sum2() {
    var arr=arguments ;
    var result=[];
    for(var i=0;i<arr.length;i++){
        result.push(arr[i])
    }
    console.log(result)
}
sum2(1,2,3,4,5)
//(2)使用rest参数情况
function sum3(...arr) {  //可以在...arr前传其他参数,不可以在后传 也就是可以sum3(a,...arr)
    console.log(arr)
}
sum3(1,2,3,4,5)
//3 箭头函数
const fn=a=>a  //传入a 返回a等价于下面
const fn2=function (a) {
    return a
}
console.log(fn(10))
console.log(fn2(10))
const fn3=(a,b)=>{
    a=a*a;
    b=b*b;
    return a+b
}   //多个参数传入要用括号(a,b)  函数处理逻辑用{a=a*a}
console.log(fn3(2,3))

const fn4=(a,b)=>({a,b})   //返回对应要用括号({a,b})否则会被逻辑部分处理
console.log(fn4(1,10))
//用于回调函数
var arr=[5,60,50,1,3]
arr.sort(function (a,b) {
    return a-b
})  //排序
console.log(arr)
var arr2=[1,3,23,4,34,66]
arr2.sort((a,b)=>a-b)
console.log(arr2)
//特点一:没有自己的this对象,其this对象为所在环境,比如vue实例中使用axios请求后台数据,在then里面使用箭头函数的话this就指向vue实例
axios.get("/****/**.msp").then(res=> {
    this.initChart();
})
//特点二 :没有arguments参数 可以用...rest代替
const fn5=(...arr)=>arr;
console.log(fn5(1,2,4,4,55,6,6,7))
//特点三:不能使用构造函数,不可使用new命令,否则会报错
const Fn = (a, b) => a + b;

const f = new Fn(1, 2);

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:vue组件详解(四)——使用slot分发内容

下一篇:《ES标准入门》&amp;《UNDERSTANDING ECMACHRIPT 6》 读书摘录笔