ES6-箭头函数(Arrow Function),默认赋值,不定参数

ES6标准的函数写法

x => x*2
//相当于
function(x){
    return x*2;
}
上述写法相当于一个匿名函数,只有一条语句的情况下省略了 “{ }”和“return”;但是如果有多条语句还是不能省略
x=>{
    if(x>0){
        return "正数";
    }else{
        return "非正数"
    }
}
没有参数的写法
()=>1
多个参数
(x,y,z)=> x+y+z
如果要返回一个对象
(a)=>({key:a})
默认赋值
(x=100)=> console.log(x)
rest 不定参数 类似es5 arguments作用
(...rest)=>console.log(rest) 
//这个函数会把你传入的全部参数按数组打印出
this关键字的绑定
let demo = {
     fun(){
          let innerFun = function(){
              console.log(this);  //这里会打印出 window
          }
          return innerFun();
     }
}
demo.fun(); 

let demo= {
     fun(){
          let innerFun = ()=>{
              console.log(this);  //这里会打印出 demo对象
          }
          return innerFun();
     }
}
demo.fun(); 

注意

  • 箭头函数不能当作构造函数
  • 箭头函数不能用作Generator函数
  • 箭头函数里面没有arguments对象
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    呼呼哥阅读 3,775评论 0 1
  • 1.函数参数的默认值 (1).基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。
    赵然228阅读 875评论 0 0
  • 三,字符串扩展 3.1 Unicode表示法 ES6 做出了改进,只要将码点放入大括号,就能正确解读该字符。有了这...
    eastbaby阅读 1,693评论 0 8
  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 5,026评论 0 5
  • [TOC] 参考阮一峰的ECMAScript 6 入门参考深入浅出ES6 let和const let和const都...
    郭子web阅读 1,949评论 0 1

友情链接更多精彩内容