ES6函数扩展

1参数可加默认值

如:

function add(x,y='我是默认值'){
    return x+y;
}
console.log(add(3));//3我是默认值
2 function关键字后的()自成一级作用域

如:

let x = 5;
function add(x,y=x){
  return x+y;
}
 add(3);//6
function addx(a,y=x){
  return a+y;
}
 addx(3);//8
3 函数定义时,...操作符将函数多个离散参数收集为一个数组

如:

function add(...args){
  console.log(args);//[1,2,3]
}
add(1,2,3);

需要注意的是上边的args必须放在函数参数的最后一个位置

4 其他地方使用...操作符可将一个数组解构为一堆离散值

如:

function add(a,b,c){
  console.log(a,b,c);//1,2,3
}
add(...[1,2,3]);
5箭头函数

如:

let add = (a,b) => {
  return a+b;
}
console.log(add(3,5));//8
  • 补充1:如果函数体只有一行表达式,则可简写为:
let add = (a,b) => a+b
console.log(add(3,5));//8
  • 补充2:箭头函数无this绑定,并不默认指向函数的调用者,要在箭头函数体中使用this,那么就是其定义时所在作用域中的this,如:
let obj = {
        num:5,
        add:(a,b) => {
                console.log(this)
                 return a+b;
                }
        }
obj.add(3,5);//window对象

ES6总篇--目录

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、函数参数的用法1、参数默认值的设置,与ES5 对比ES5中设置参数默认值的写法 这个写法有个缺陷:参数传递进来...
    贵在随心阅读 4,876评论 0 5
  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    呼呼哥阅读 3,471评论 0 1
  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    陈老板_阅读 463评论 0 1
  • 函数参数的默认值 基本用法ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 为了避免这个问题,通...
    焦迈奇阅读 192评论 0 0
  • 昨天吃午饭,我们公司的5个男生突然想到建立一个锻炼小组,说锻炼就锻炼,马上大家起草了一个群规,每周锻炼4次,不限时...
    七年新生阅读 97评论 0 0