function函数与箭头函数的区别

最新推荐文章于 2024-07-14 10:25:44 发布
最新推荐文章于 2024-07-14 10:25:44 发布
阅读量2.2k 收藏 7
点赞数 5
文章标签： css 前端 html javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lizhichengwei/article/details/128124223
版权

function函数和箭头函数区别


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

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


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


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


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

励志成为前端大佬
关注
  • 5
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
箭头函数与function的区别
luwenze的博客
03-17 2706
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
深度剖析 JS 的箭头函数 = ＞ 与普通函数 function 的区别
czjl6886的博客
02-11 4806
ES6 中添加了箭头函数的规范，在常用的前端框架，如 Vue，也会经常使用到箭头函数，今天我们就来深度学习箭头函数(arrow function)。本文主要介绍箭头函数的概念，重点介绍它与普通函数(function)的区别，包括基本语法、this指向、使用场景等。
function和箭头函数的区别
qq_43571041的博客
04-14 1158
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方法绑定到该元素的点击事件
箭头函数和function对比
weixin_66386149的博客
06-14 535
箭头函数和function对比
箭头函数(=＞)和普通函数(function)的区别
m0_46570767的博客
05-25 1770
JavaScript中箭头函数=>和普通函数function的区别—2021前端高频面试题 转载自：作者：阮一峰 ECMAScript6 入门和博客园 一、区别： 1.箭头函数与普通函数写法不同 //箭头函数 //var声明变量时 var fn = (a, b)=>{ return a+b}; //let声明变量时 let foo = () => { console.log('foo'); } //function 普通函数 //上述var等同于 function fn(a,
箭头函数与普通函数的区别
weixin_53718041的博客
10-02 180
1.先来讲讲js中的this指向： 在ES5中如果想要知道this指向谁，就要看当前的这个函数是在哪里调用的 ①在事件中调用 this就是当前触发事件的元素 ②在对象中调用 this就是当前的对象 ③在全局中调用 this就是window ④在面向对象中 this就是当前用new关键字创建出来的对象 ⑤在ES6箭头函数中要看定义这个箭头函数的父级作用域是谁 this就是谁 ⑥如果用call、apply、bind调用函数 这三个函数的第一个参数就是this指向 2.那么箭头函数和普...
JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
ES6标准 Arrow Function（箭头函数=）
11-21
ES6中的箭头函数是JavaScript语言的一次重大更新，它为编写函数提供了更为简洁和清晰的语法。箭头函数的引入主要解决了传统函数定义中的一些问题，如易错的拼写和冗余的代码。 首先，传统JavaScript函数的定义方式...
ES6标准 Arrow Function（箭头函数=>）
10-15
箭头函数的定义方式与传统函数截然不同。在ES5中，我们通常使用`function`关键字来定义函数，如`function sum(x, y) { return x + y; }`。而在ES6中，我们可以将之简化为箭头函数的形式： - 单个参数时，括号可选...
04-箭头函数.rar
11-06
Vue-cli2配置与箭头函数的结合可能涉及到构建配置、插件安装、环境变量设置等。在项目开发过程中，你可能需要学习如何使用`vue-cli`命令行工具初始化项目，配置Webpack以优化打包过程，以及利用箭头函数优化代码结构...
ES6中的箭头函数实例详解
08-30
4. **不能用作`Generator`函数**：箭头函数不能用于创建生成器函数，需要使用`function*`关键字。 总结，ES6中的箭头函数提供了更简洁的函数定义方式，尤其是在处理`this`上下文时，能够避免传统函数中常见的`this`...
箭头函数 与function的区别
weixin_45239190的博客
09-19 323
箭头函数的注意点： 1. 如果形参只有一个，则小括号可以省略； 2. 函数体如果只有一条语句，则花括号可以省略，函数的返回值为该条语句的执行结果； 3. 箭头函数 this 指向声明时所在作用域下 this 的值； 4. 箭头函数不能作为构造函数实例化； 5. 不能使用 arguments； 特性： 1. 箭头函数的this是静态的，始终指向函数声明时所在作用域下的this的值； 2. 不能作为构造实例化对象； 3. 不能使用 arguments 变量； .
箭头函数中的this和function中的this的区别
qq_41157351的博客
03-16 1231
箭头函数中的this和function中的this的区别 结论：箭头函数中的this一般情况下，会一层一层的向外层作用域中查找，知道查到为止。而function中都是指向window const obj={ a(){ setTimeout(function(){ console.log(this)//window对象 },1000) setTimeout(()=>{ console.log(this)//obj对象 },1000) } } 下面还有一题： cons
function 和箭头函数的区别
weixin_39820527的博客
07-11 159
1.箭头函数的语法更加简洁 2.function的this指向function的调用者，箭头函数没有自己的this，this指向函数定义时所处的上下文。
浅谈箭头函数 与function函数
jzq_csdn_blog的博客
09-03 743
1.浅谈箭头函数 x=>与function(x){} 1.1. 执行效果等价(匿名函数) 代码实例 //完整格式 const s = new Set(); [2,3,5,4,5,2,2].forEach(function(x) {s.add(x)}); // Set结构不会添加重复的值 for(let i of s) { console.log(i); } //语法糖格式 const s = new Set(); [2,3,5,4,5,2,2].forEach((x) =>s.add(
自学小程序
code猫大叔
07-28 115
方法与函数的区别：对象内的功能是方法，独立的功能是函数 组件， view组件，就相当于html里面的 div 标签，是对称的 需要包裹在组件里 text组件，text组件就是用来放文本的，包裹文本，包裹文字的 input组件，输入框 button组件，按钮 ctrl + / 是注释快捷键 函数的两种使用方式 函数名: function(options){ console.log("第一种") }, 函数名(){ ...
小程序中 function (res)的理解
热门推荐
与光的博客
03-23 1万+
res =>可以理解为function(res)。 例子： success: res =>　　{　　……　　} 可以理解为success:function(res){……} 两者的区别： this作用域的问题。 function(res)里，this指向是正确的； res=>里，this指向function本身。 解决办法：let that = this ...
CSS 技巧与案例详解：开篇介绍
最新发布
粉丝们务必加入微信粉丝群
07-14 88
本系列文章分为多个部分，每个部分都详细解析了CSS的各种实用技巧和经典案例。CSS 单位速查表 & 自定义引用标记 & 重置所有样式：了解常见CSS单位，并学习如何创建自定义的引用标记和重置样式表。隐藏空元素 & 完美的嵌套边框圆角 & 排版比例基础知识：掌握隐藏元素的方法，实现嵌套圆角边框，以及排版比例的基本概念。自定义文本选择 & 流式排版：定制文本选择的样式，探索流式排版的奥秘。为什么line-height是无单位的 & 兄弟元素淡出效果 & 蚀刻文字效果。
回调函数与箭头函数区别
04-30
回调函数和箭头函数是两个不同的概念，它们之间的区别如下： 回调函数是一种函数，它是作为参数传递给另一个函数的函数。当被调用的函数执行完后，它将调用传递给它的回调函数。回调函数可以在异步编程中用于处理事件、处理HTTP请求、处理定时器等等。回调函数通常采用普通函数的方式定义，使用 function 关键字声明。 箭头函数是 ES6 新增的一种函数，它是一种更简洁的语法，可以使代码更易读和更易维护。箭头函数与普通函数相比，具有以下特点：箭头函数没有自己的 this 和 arguments，箭头函数的 this 指向定义时所在的作用域，而非执行时所在的作用域；箭头函数不能作为构造函数使用；箭头函数使用 => 符号来定义。 因此，回调函数和箭头函数是两个不同的概念，它们之间并没有必然联系。在编程中，我们可以使用普通函数或者箭头函数作为回调函数来实现相应的功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值