首页 / ES6 / ES6函数扩展

ES6函数扩展

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ES6函数扩展，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1230字，纯文字阅读大概需要2分钟。

内容图文

1、函数的 length 属性

ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。

            function test(x, y = ‘World‘) {
    console.log(x, y);
}

注意:函数的length属性，将返回没有指定默认值的参数个数。如果遇到有默认值的参数 就停止。

            function test(x, m,y = ‘World‘,z,f) {
    ...
}
console.log(test.length)    // 2  遇到默认参数则停止 所以为2

2、rest参数

ES6引入rest参数，用于获取函数的多余参数，这样就不需要使用arguments对象了。rest参数搭配的变量是一个数组，该变量将多余的参数放入数组中；

        ...values 就是 rest 参数的表现形式
    
            function
             add(...values) {
    console.log(values);
}
add(2, 5, 3)

3、箭头函数

ES6 中允许使用“箭头”（=>）声明函数

基本用法：

let fun = val=>val; //一个参数val并返回一个val
// 等价于function fun(val){
    return val;  
}

注意：

如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分；

如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且 使用return语句返回。

let fun = (name,age)=>{
    console.log(‘姓名‘+name);
    console.log(‘年龄‘+age);
}

箭头函数有内部属性arguments，但不保存实参

4、箭头函数的 this 指向

箭头函数里面没有自己的this，自然而然也就不能作为构造函数，箭头函数是引用外层的this。在箭头函数中 this 指向是固定的。

箭头函数导致this总是指向函数定义生效时所在的对象中的this；

            function
             foo() { 
    setTimeout(() => { console.log(this); }, 100); 
} 
foo()   // global 对象 ，因为箭头函数没有自己的this，foo函数的this就是箭头函数this的指向。foo中this指向是global 所以 箭头函数中的this也是指向global（即外层this）

eg：

            function
             foo() {
  setTimeout(() => {
    console.log(‘id:‘, this.id);
  }, 100);
}
var id = 21;
foo.call({ id: 42 }); // 更改foo中this指向对象{id:42} 所以打印结果为42；

 

原文：https://www.cnblogs.com/zjl-712/p/11443539.html

内容总结

以上是互联网集市为您收集整理的ES6函数扩展全部内容，希望文章能够帮你解决ES6函数扩展所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1101806.html

来源：【匿名】