Javascript带名、匿名、箭头函数区别
来源:互联网 发布:dhcp服务器端口 编辑:程序博客网 时间:2024/06/09 13:39
一、带名和匿名函数的区别
匿名函数需要将地址赋值给另一个变量a,然后再用a来调用函数;而带名的函数因为显示的给出了函数名,所以可以直接用这个函数名来调用。
1.带名函数的返回值是函数体内的返回值
function abs(x){ if(x>=0){ return x; }else{ return -x; }}
函数调用时直接调用abs()即可,如abs(6)。
2.匿名函数通过调用被赋值的变量来调用
let abs=function(x){ if(x>=0){ return x; }else{ return -x; }}
使用时可以使用abs(),如abs(3)
二、箭头函数
箭头函数有两种格式,一种是只包含一个表达式,连{ … }和return都省略掉了。
x => x * x
上面的箭头函数相当于一个匿名函数:
function (x) { return x * x;}
还有一种可以包含多条语句,这时候就不能省略{ … }和return:
(x,y) => { if (x > 0) { return x + y; } else { return -x + y; }}
三、箭头函数和匿名函数区别
普通函数的this
- this总是代表它的直接调用者,如obj.func,那么func中的this就是obj。
- 在默认情况下(非严格模式下,未使用’use strict’),没有找到直接的调用者,则this指的是window。
- 在严格模式下没有直接调用者的函数中的this是undefine。
- 使用call、apply、bind、绑定的,this指的是绑定的对象。
箭头函数中的this
默认指向在定义它时,它所处的对象,而不是执行时的对象, 定义它的时候,可能环境是window(即继承父级的this);
箭头函数看上去是匿名函数的一种简写,箭头函数和匿名函数有个明显的区别:箭头函数内部的this是词法作用域,由上下文确定。
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); }};
- obj1中的fn函数,由于JavaScript函数对this绑定的错误处理,得不到预期的结果,this.birth指向window或undefined。
- obj2,fn函数是箭头函数,箭头函数完全修复了this的指向,this总是指向词法作用域,也就是外层调用者obj2。
阅读全文
0 0
- Javascript带名、匿名、箭头函数区别
- Javascript中 带名 匿名 箭头函数的重要区别(推荐)
- js函数名和带()的区别
- JavaScript—箭头函数
- javascript---箭头函数
- Javascript 箭头函数
- Javascript 箭头函数
- JavaScript 箭头函数
- JavaScript 箭头函数
- 【JavaScript】箭头函数
- 深入理解JavaScript箭头函数
- JavaScript基础之箭头函数
- Javascript的匿名函数
- Javascript匿名函数
- JavaScript中匿名函数
- javascript匿名函数
- Javascript的匿名函数
- javascript匿名函数
- 深度学习软件安装指南
- 谷歌2017新品发布会:赋能AI 三大原则 软硬结合
- 苹果收购仅6人的Init.ai团队 并入Siri 开发小组
- Codeforces 868C Qualification Rounds 结论
- Cookie 和 Session
- Javascript带名、匿名、箭头函数区别
- JAVA之验证码
- java基础语法总结
- python 3 一些常用的内置数据结构介绍
- Excle"自Access"导入Access数据没反应
- 集合框架(一)
- SSH组合工程之-struts2&hibernate&spring(工程下载)
- bzoj 3198: [Sdoi2013]spring hash+容斥原理
- inno setup在代码区域随意删除文件