function函数和箭头函数区别

最新推荐文章于 2025-06-26 14:27:34 发布

原创最新推荐文章于 2025-06-26 14:27:34 发布 · 248 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #java #javascript

本文详细对比了JavaScript中箭头函数与function定义函数的不同之处，包括this指向、arguments使用、构造函数应用及调用方式等方面。

1.箭头函数与function定义函数的写法不同

2.this的指向不同:使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境。

3.普通函数可以使用arguments参数和args参数，箭头函数不能使用arguments参数，可以使用args参数

4.普通函数可以作为构造函数，箭头函数不可以作为构造函数，不能new

5.普通函数可以先调用后声明,因为有变量提升,但是箭头函数必须先声明后调用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

南城旧时

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

深度剖析 JS 的箭头函数 = ＞与普通函数 function 的区别

czjl6886的博客

02-11

5705

ES6 中添加了箭头函数的规范，在常用的前端框架，如 Vue，也会经常使用到箭头函数，今天我们就来深度学习箭头函数(arrow function)。本文主要介绍箭头函数的概念，重点介绍它与普通函数(function)的区别，包括基本语法、this指向、使用场景等。

function函数与箭头函数的区别

lizhichengwei的博客

11-30

2865

使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境。3.普通函数可以使用arguments参数和args参数，箭头函数不能使用。1.箭头函数与function定义函数的。，箭头函数不可以作为构造函数，不能new。5.普通函数可以先调用后声明,因为有。function函数和箭头函数区别。但是箭头函数必须先声明后调用。，可以使用args参数。4.普通函数可以作为。

参与评论您还未登录，请先登录后发表或查看评论

function和箭头函数的区别

qq_43571041的博客

04-14

1353

1.this指向性 function的this指向性不是固定的，它随着调用环境的改变而改变。 function Student(name,age){ this.name=name this.age=age } show(); function show(){ console.log(this)//window } 此时调用show方法this指向的是window；若我们在页面中添加一个按钮标签，并将show方法绑定到该元素的点击事件

ES6中箭头函数与普通函数this的区别

weixin_30748995的博客

06-10

229

普通函数中的this: 1. this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj 2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window 3.在严格模式下,没有直接调用者的函数中的this是 undefined 4.使用call,apply,bind(ES5新增)绑定的,this指的是 ...

箭头函数与function的区别

luwenze的博客

03-17

2907

1.箭头函数与function定义函数的写法不同 //function function fn(a, b){ return a + b; } //arrow function var foo = (a, b)=>{ return a + b }; 2.this的指向不同使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境。 //function定义的函数 function fucA() { conso

ES6 function函数和箭头函数区别

jaryle的专栏

05-23

772

1.箭头函数与function定义函数的写法： //function function fn(a, b){ return a + b; } //arrow function var foo = (a, b)=>{ return a + b }; 2.this的指向：使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，...

箭头函数与普通 function 的区别

Mark

08-10

715

1、书写上的区别 箭头函数的语法比普通函数更加简洁，而且在一定情况下还可以简写，比如： function fun(x, y) { return x + y; } let fun = (x, y) => { return x + y }; //1. 如果 () 内只有一个参数，可以省略 () //2. 如果 {} 内只有一句 return ...，可以省略 return 和 {} 2、参数上的区别普通函数的参数是 arguments，而箭头函数是 arg，比如： let ar

浅谈箭头函数和function的区别

fish_skyyyy的博客

02-22

2368

浅谈箭头函数（）=> 和function的区别我们写代码的时候会发现，箭头函数（）=> 和function都是定义了一个方法，那么这两者之间又有什么区别呢？ 1、写法不同 function Fn1(){ console.log('hello'); } let Fn2=()=>{ console.log('hello'); } 2、this的指向不一样使用function定义的函数，this的指向随着调用环境的变化而变化的，指向其直接调用者，一般来说最通常的是window对

箭头函数和function对比

weixin_66386149的博客

06-14

681

箭头函数和function对比

箭头函数和function的区别

A444477的博客

08-10

329

箭头函数和function的区别 1、写法不同 2、this指向不同，箭头函数的this指向定义函数的环境，固定不变 3、箭头函数不能当构造函数 4、箭头函数不能变量提升

箭头函数 与function的区别

weixin_45239190的博客

09-19

431

箭头函数的注意点： 1. 如果形参只有一个，则小括号可以省略； 2. 函数体如果只有一条语句，则花括号可以省略，函数的返回值为该条语句的执行结果； 3. 箭头函数 this 指向声明时所在作用域下 this 的值； 4. 箭头函数不能作为构造函数实例化； 5. 不能使用 arguments；特性： 1. 箭头函数的this是静态的，始终指向函数声明时所在作用域下的this的值； 2. 不能作为构造实例化对象； 3. 不能使用 arguments 变量； .

JavaScript: 箭头函数 与函数(function)的区别

RaySunWHUT

07-11

833

JavaScript: 箭头函数(=>) 与函数(function)的区别在Vue项目中，使用Element-UI后，浏览器控制台报错！具体错误如下: Uncaught (in promise) TypeError: Cannot read property '$message' of undefined at eval 此时，前端接口代码如下: register() { var _this = this http({ // 假设后台需要的是表单数据这里你

箭头函数与function定义函数区别

qq_31261131的博客

04-24

579

箭头函数与function定义函数 this指向 箭头函数只指向定义环境,function传统函数随着调用的环境的改变而改变,没有调用者this就是window function会随着调用者的变化而改变执行体的this指向,this始终指向调用者，如果没有调用者就指向window 箭头函数会捕获其所在上下文的 this 值，作为自己的 this 值，定义的时候就确定了，无论被谁调用都不...

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

最新发布

weixin_65635437的博客

06-26

436

● 箭头函数：箭头函数不没有自己的this，只会从自己的作用域链的上一层继承this. ● 会捕获自己在定义时所处的外层执行环境的this，并继承这个this值。 ● 箭头函数中this的指向在它被定义的时候就已经确定了，之后永远不会改变。箭头函数继承而来的this指向永远不变 ● 箭头函数中的this永远指向它定义时所处的全局执行环境中的this，即便这个函数是作为对象obj的方法调用，它的this依旧指向Window对象。 ● 箭头函数不能作为构造函数使用否则用new调用时会报错！ ●

[面试] function普通函数和箭头函数的区别

qq_14993591的博客

11-29

218

箭头函数与普通函数（function）的区别是什么？

web_Leeleon的博客

07-31

3024

箭头函数是普通函数的简写，可以更优雅的定义一个函数，和普通函数相比，有以下几点差异： 1、函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象。 2、不可以使用 arguments 对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。 3、不可以使用 yield 命令，因此箭头函数不能用作 Generator 函数。 4、不可以使用 new 命令，因为：...

es6箭头函数和function的区别

qq_40664253的博客

08-17

557

1.this指向使用function定义的函数，this的指向随着调用环境的变化而变化的，而箭头函数中的this指向是固定不变的，一直指向的是定义函数的环境 2.构造函数 function是可以定义构造函数的，而箭头函数是不行的(不能使用new)。 3.变量提升 function在变量提升中是最高的，箭头函数没有函数提升，所以箭头函数要定义于调用之前 4.写法不同 ...

箭头函数和普通函数（function）的区别是什么？

qq_38432842的博客

04-18

563

箭头函数和普通函数的区别是什么提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录箭头函数和普通函数的区别是什么一、箭头函数和普通函数的区别是什么？二、箭头函数带来的好处一、箭头函数和普通函数的区别是什么？ 箭头函数没有this，它会从自己的作用域链的上一层继承this，因此无法使用apply/call/bind进行绑定this值；不绑定arguments，当在箭头函数中调用arguments时同样会向作用域链中查询结果。不可以使用yield命令，因此箭头函数不能作Ge

JavaScript基础之箭头函数与普通function函数的区别

lee前端技术站

07-08

1249

声明函数方式有多种，但是当前比较关心的是ES5和ES6的俩种类型，也就是function类型的函数和箭头函数： // ES5的函数 function fun () {} // ES6 () => {} 函数的定义就是这俩中方式，今天我们不讲别的，只讲讲他们的区别是什么？（1）箭头函数不能作为构造函数,不能使用new关键字（2）this的指向不同 ES5函数的this取决于谁调用，那么this就指向谁； ES6箭头函数本身没有this，箭头函数的内部this，指向了其外