纯JavaScript和箭头函数有什么区别?
比较点
正常工作
箭头工作
一个特例
缩写
/
如果子函数没有参数且函数体的返回值为单句 , 则{}和return可以省略 。
1.简称
这是指
它总是指调用它的对象 , 如果用作构造函数 , 它指的是例如创建的对象
这个箭头函数引用父字段 , 它的值是通过查看关系链来确定的 。 某物 。
2.这是指
这个变化
call()、apply()、bind()等方法可以改变这个函数的路径
call()、apply()、bind()等方法不能改变箭头函数的路径 。
3.改变方向
制作者
可以用作构造函数来创建对象实例
箭头函数不能用作构造函数
4.制造商
参数对象
在每个简单的函数调用之后都有一个arguments对象 , 用于存储实际传递的参数 。
箭头函数本身没有参数 , 而是使用剩余的(remaining)参数...arg来解析
5.arguments和...args
原型原型
有原型
没有原型原型
6.原型样机
1.射箭:
如果子函数没有参数且函数体的返回值为单句 , 则{}和return可以省略 。
varfn=()=>console.log("123");//移除{}并返回
fn();//'123'
2.这是指:
在一个简单的函数中 , 它指的是调用它的对象 。 如果用作构造函数 , 则指的是创建的实例
子函数不会创建自己的 , 所以它没有this , 它只是从其作用域的顶层继承它 。 所以这个箭头函数的point是在定义的时候定义的 , 之后就不会再改变了 。
典型工作中出现的九种情况:
如何调用函数
这是指
对象.函数()
某物
工作()
窗户
IIFE立即执行任务
窗户
定时器
窗户
DOM事件处理器
添加事件监听器组件数组[下标]()
装饰
调用(对象 , arg1 , arg2)
某物
申请(某事 , arry)
某物
新功能()
例如事情
主要9个条件对应的case代码多得让人难以接受 , 请fans认真对待 。
文章图片
这在箭头函数中表示
子函数不会创建自己的 , 所以它没有this , 它只是从其作用域的顶层继承它 。 所以这个箭头函数的point是在定义的时候定义的 , 之后就不会再改变了 。
如果fn是普通函数 , this指的是#box , 如果是箭头函数 , this指的是窗口 。
3.改变方向
自定义函数可以通过调用call()、apply()和bind()来更改此路径 。
箭头函数不能通过调用call()、apply()、bind()来改变this的方向 。
正常工作
箭头工作
4.制造商
自定义函数可以用作构造函数来创建实例
箭头函数不能用作构造函数 , 因为箭头函数没有自己的
标准工作-用作制造商
箭头函数——用作构造函数会报错
5.arguments和...args
在每个简单的函数调用之后都有一个arguments对象 , 用于存储实际传递的参数 。
如果子函数有输入参数 , 则它们是从其外部函数的参数派生的 。
箭头函数没有自己的参数 , 但是用剩余的(remaining)参数解析...args
标准函数的参数
函数总和(a){
舒适 。 日志(参数);
控制台日志(参数[0]);
}
总和(1、2、3);
//Arguments(3)[1,2,3,callee:?,Symbol(Symbol.iterator):?]
//1
箭头函数没有对象参数
constsum=()=>console.log(arguments);//参数未定义
和();//UncaughtReferenceError:未定义参数
如果子函数有输入参数 , 则它们是从其外部函数的参数派生的 。
- 小米|纯钛杯身!小米米家保温杯Ti首批卖光了:30小时众筹金额破50万元
- 写给肖战代言的品牌霸霸的谏言书:肖战代言,更适合饱和营销!
- 宿主|新冠病毒突变基本饱和?专家这样解读
- 和美企搅和一起“制裁”?台积电正式发声!英国专家也直接拆穿!
- 天翼|谈谈Kubernetes开源社区和未来走向
- 国家互联网信息办公室|诺奖得主怼特斯拉:完全靠炒作和信仰支撑
- VBA对象的基本语法、方法、属性和方法的区别、使用方法
- 买电脑钱要花对地方!网友3960元自写配置,问我玩3A和网游可以吗
- 福德新能源以合规运营和客户需求为出发点
- 老板喜欢用合并单元格,但是求和太麻烦,教你用sum函数,按下Ctrl+enter就搞定