DDR爱好者之家

Javascript中 带名 匿名 箭头函数的重要区别(推荐)
站长资源 2024/11/28 佚名
22 1538
DDR爱好者之家 Design By 杰米

带名函数是指函数显示地给出了一个名字的函数，function abs(x){}。匿名函数是指函数只带有function这个关键字，而没有像abs这种函数名称的函数，如function(){}。ES6标准新增了一种新的函数：Arrow Function（箭头函数）箭头函数表面上相当于匿名函数，并且简化了函数定义。它们各自的区别是什么呢？

1 带名和匿名函数的区别

区别：匿名函数需要讲地址赋值给另一个变量let a，然后再用a来调用函数；而带名函数因为显示地给出了函数名称，所以可以直接用这个函数名称调用。

带名函数返回值是函数体内的返回值，如abs(x)函数的返回值是number变量。函数调用时，直接abs(6)调用，这个非常好理解。

function abs(x){
 if(x>=0){
  return x;
 }else{
  return -x;
 }
}

但是匿名函数呢？如下所示，函数未显示地给出一个函数名称，但是此处的abs被赋值为这个匿名函数的地址，所以使用时可以直接用abs(-3)，诸如此类的调用。

let abs=function(x){ 
 if(x>=0){
  return x;
 }else{
  return -x;
 }
}

2 箭头函数

ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？因为它的定义用的就是一个箭头。箭头函数表面上相当于匿名函数，并且简化了函数定义。

箭头函数有两种格式，一种是只包含一个表达式，连{ … }和return都省略掉了。

x => x * x

上面的箭头函数相当于一个匿名函数“”

function (x) {
 return x * x;
}

还有一种可以包含多条语句，这时候就不能省略{ … }和return：

(x,y) => {
 if (x > 0) {
  return x + y;
 }
 else {
  return -x + y;
 }
}

3 箭头函数和匿名函数的不同

箭头函数看上去是匿名函数的一种简写，但实际上，箭头函数和匿名函数有个明显的区别：箭头函数内部的this是词法作用域，由上下文确定。

调用函数obj1.getAge(2017)和调用obj2.getAge(2017)会得到相同的结果吗？

obj1中fn函数，由于JavaScript函数对this绑定的错误处理，得不到预期的结果，this.birth指向window或undefined。

但是obj2，fn函数是箭头函数，箭头函数完全修复了this的指向，this总是指向词法作用域，也就是外层调用者obj2。

var obj1 = {
 birth: 1990,
 getAge: function (year) { 
  let fn=function(y){
   return y - this.birth; // this指向window或undefined
  }; 
  return fn(year); 
 }
};
var obj2 = {
 birth: 1990,
 getAge: function (year) {
  var fn = (y) => y - this.birth; // this.birth为1990
  return fn(year);
 }
};

4 总结

和带名函数相比，匿名函数需要讲地址赋值给另一个变量let a，然后再用a来调用函数；和匿名函数比，箭头函数完全修复了this的指向，this总是指向词法作用域。

以上所述是小编给大家介绍的Javascript中 带名 匿名 箭头函数的重要区别，希望对大家有所帮助，如果有任何疑问欢迎给我留言，小编会及时回复大家的！

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？

根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米