js 箭头函数和普通函数的区别

ECMAScript6 中新增了箭头函数。任何使用表达式的地方，都可以使用箭头函数。

箭头函数的注意事项：

如果箭头函数只有一个参数，可以不用加括号
箭头函数可以没有{}，但是只能写一行代码，是一个值或者是表达式，该函数的返回值就是这行代码的值。

和普通函数的区别：

箭头函数不能用作构造函数，不能用new
箭头函数不能使用arguments，而普通函数内部的arguments对象用来存储传入函数的所有参数。
箭头函数不可以使用super
箭头函数没有prototype属性，没有原型对象
箭头函数没有自己的this，调用箭头函数的上下文环境的this是什么，箭头函数内部的this就是什么，使用call、apply、bind都无法改变箭头函数内部的this；普通函数的this指向的是调用普通函数的对象

let obj = {a: 'obj',func: ()=>{console.log(this.a);}
}function f(){this.a = 'f';obj.func();
}var a = 1;
obj.func();   // 1f(); // f

js 箭头函数和普通函数的区别相关推荐

js箭头函数和普通函数区别
js箭头函数和普通函数区别实验环境:nodejs v12.16.1 箭头函数不能作为构造函数,而普通函数可以箭头函数没有原型,而普通函数有箭头函数return可以省略语句块.(如果=>右边 ...
JS中箭头函数和普通函数的五种区别
区别一:this关键字的指向在普通函数中this指向调用这个函数的对象. 在构造函数中,this指向对象的实例. 在箭头函数中,没有this关键字,但是可以捕获上下文中的this用在箭头函数内部,并 ...
js中箭头函数和普通函数区别
一.箭头函数和普通函数箭头函数相当于匿名函数,并且简化了函数定义. 箭头函数有两种格式,一种只包含一个表达式,连{ - }和return都省略掉了. 还有一种可以包含多条语句,这时候就不能省略{ - ...
es6箭头函数_【知识点】ES6箭头函数、箭头函数与普通函数的区别
作者:長安曹公子文章出处:ES6 - 箭头函数.箭头函数与普通函数的区别一.基本语法 ES6中允许使用箭头=>来定义箭头函数,具体语法,我们来看一个简单的例子: // 箭头函数 let fu ...
JS箭头函数用户和箭头函数转成普通函数处理方法
1 箭头函数箭头函数是ES6出现的新的函数形式即,使用ES6箭头函数语法定义函数,将原函数的"function"关键字和函数名都删掉,并使用"=>"连 ...
js函数声明和函数表达式的区别
Javascript Function无处不在,而且功能强大!通过Javascript函数可以让JS具有面向对象的一些特征,实现封装.继承等,也可以让代码得到复用.但事物都有两面性,Javascrip ...
箭头函数和普通函数有什么区别？
箭头函数和普通函数有什么区别? 1:写法不一样 2:普通函数存在变量提升的现象 3:箭头函数不能作为构造函数使用 4:两者this的指向不同 5:箭头函数的arguments指向它的父级函数所在作用域 ...
2022年了，你还没搞清楚箭头函数与普通函数的区别嘛？
目录 1.箭头函数简介 2.箭头函数与普通函数的区别 A.声明方式不同,匿名函数 B.this指向不同 C.箭头函数的this永远不会变,call.apply.bind也无法改变 D.箭头函数没有原型 ...
箭头函数与普通函数的区别
箭头函数与普通函数的区别 1.外形不同:箭头函数使用箭头定义,普通函数中没有. 2. 箭头函数全都是匿名函数:普通函数可以有匿名函数,也可以有具名函数 3.箭头函数不能用于构造函数:普通函数可以用于构 ...
JS 箭头函数与普通函数
JS 箭头函数与普通函数一. 写法 // 1 普通函数 function (item) {return item + 1 }// 2 箭头函数 (item) => {return item + ...

js 箭头函数和普通函数的区别

js 箭头函数和普通函数的区别相关推荐

最新文章

热门文章