箭头函数与普通函数区别
一、箭头函数是匿名函数，不能作为构造函数，不能使用new。
let fun = () =>{
console.log('我是箭头函数') } function fun(){
console.log('我是普通函数') } 二、箭头函数内没有arguments，可以用展开运算符…解决
let c = (...c) =>{
console.log(c) } c(1,2,3,4,5) //[1,2,3,4,5] 三、箭头函数的this，始终指向父级上下文（箭头函数的this取决于定义位置父级的上下文，跟使用位置没关系，普通函数this指向调用的那个对象）
var a=20; let obj={
a:10, fn:function(){
//es5 谁调用，this指向谁 console.log(this.a); }, foo:()=>{
// es6箭头函数的this指向父级(obj)上下文。 console.log(this.a) } } obj.fn(); // 10 obj.foo(); //20 四、箭头函数不能通过call() 、 apply() 、bind()方法直接修改它的this指向。(call、aaply、bind会默认忽略第一个参数，但是可以正常传参)
五、箭头函数没有原型属性
var a = () =>{
return 1 } function b() {
return 2 } console.log(a.prototype) //undefined console.log(b.prototype) //{constructor,f} 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/203163.html原文链接：https://javaforall.net
