箭头函数,三点运算符,形参默认值

箭头函数

* 作用: 定义匿名函数

* 基本语法:

* 没有参数: () => console.log('xxxx')

* 一个参数: i => i+2

* 大于一个参数: (i,j) => i+j

* 函数体不用大括号: 默认返回结果

* 函数体如果有多个语句, 需要用{}包围,若有需要返回的内容,需要手动返回

* 使用场景: 多用来定义回调函数

* 箭头函数的特点:

1、简洁

2、箭头函数没有自己的this,箭头函数的this不是调用的时候决定的,而是在定义的时候所处的对象就是它的this(重要)

3、扩展理解: 箭头函数的this看外层的是否有函数,

如果有,外层函数的this就是内部箭头函数的this,

如果没有,则this是window。

三点运算符

* 用途

1. rest(可变)参数

* 用来取代arguments 但比 arguments 灵活,只能是最后部分形参参数

function fun(...values) {

console.log(arguments);

arguments.forEach(function (item, index) {

console.log(item, index);

});

console.log(values);

values.forEach(function (item, index) {

console.log(item, index);

})

}

fun(1,2,3);

2. 扩展运算符

let arr1 = [1,3,5];

let arr2 = [2,...arr1,6];

arr2.push(...arr1);

形参默认值

* 形参的默认值----当不传入参数的时候默认使用形参里的默认值

function Point(x = 1,y = 2) {

this.x = x;

this.y = y;

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容