纯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认真对待 。
纯JavaScript和箭头函数有什么区别?
文章图片
这在箭头函数中表示
子函数不会创建自己的 , 所以它没有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:未定义参数
如果子函数有输入参数 , 则它们是从其外部函数的参数派生的 。
纯JavaScript和箭头函数有什么区别?