1、function函数与箭头函数的定义写法不同 2、this的指向不同 使用function定义的函数,this的指向随着调用环境的变化而变化的,而箭头函数中的this指向是固定不变的,一直指向的是定义函数的环境。
在JavaScript 中,普通函数(function functions)和箭头函数(arrow functions)有一些区别,包括用法和功能方面的不同之处: 语法: 普通函数使用关键字function来声明函数,例如:function myFunction() { ... }。 箭头函数使用箭头=>来声明函数,例如:const myFunction = () => { ... }。 this 的绑定: 普通函数中,...
基本不同 1.写法不同,箭头函数使用箭头定义,普通函数中没有 .箭头函数都是匿名函数,普通函数可以有匿名函数,也可以有具体名函数,但是箭头函数都是匿名函数。 在普通函数中,this总是指向调用它的对象,如果用作构造函数,this指向创建的对象实例。箭头函数中没有this,声明时捕获其所在上下文的this供自己使用。所以箭头...
二.箭头函数都是匿名函数 三.箭头函数不能用于构造函数,不能使用new 四.箭头函数中this的指向不同 1.箭头函数本身不创建this 2.结合call(),apply()方法使用 3.箭头函数不绑定arguments,取而代之用rest参数…解决 4.其他区别 5、总结: 五、箭头函数的注意事项及不适用场景 一.外形不同: 箭头函数使用箭头定义,...
ES6 function函数和箭头函数区别 1.写法不一样 1 2 3 4 5 6 7 8 //function function fn(a,b){ returna+b } //arrow function varfoo = (a,b)=>{ returna+b } 2.this的指向,function中的this可变(window,内部),箭头函数固定不变指向window...
箭头函数与function函数的主要区别: 1.箭头函数的this只与代码块上下文有关,function函数的this才与调用者有关。 2.箭头函数不能使用arguments对象,是可以使用剩余参数语法来获取函数的参数。普通函数声明可以使用arguments对象来获取函数的参数。 3.箭头函数不能使用yield关键字,因此不能用作生成器函数。普通函数声明可以...
区别: 1.箭头函数没有自己的this属性、arguments属性、而普通函数有,箭头函数的this指向当前函数作用域的this。 new: 2.箭头函数没有prototype显示原型,所以不能作为构造函数。 箭头函数带来的好处: 没有箭头函数的时候,函数闭包 var that = this 的事没少干,有了箭头函数,就不需要这么写了。 极简语法,函数式风...
箭头函数:没有自己的this,它的this是在定义时确定的,与它所在的上下文的this相同。例如: const obj = { name: 'John', sayName: () => { console.log(this.name); } }; obj.sayName();//这里this指向全局对象,会输出undefined(如果是浏览器环境可能是window) const outerThis = this; const newObj =...
1、书写上的区别 箭头函数的语法比普通函数更加简洁,而且在一定情况下还可以简写,比如: function fun(x, y) {return x + y;}let fun = (x, y) => { return x + y };//1. 如果 () 内只有一个参数,可以省略 ()//2. 如果 {} 内只有一句 return ...,可以省略 return 和 {} ...