ES6(()=＞{})对箭头函数的理解

最新推荐文章于 2022-08-17 23:25:00 发布
最新推荐文章于 2022-08-17 23:25:00 发布
阅读量288 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55972948/article/details/125303156
版权

在ES6之前，this的指向取决于谁调用this，this指向谁，ES6之后，使用箭头函数

注意点：

箭头函数内的this是静态的，总是指向定义时所在的对象，而不是调用时，并且this指向是不可以改变的。

this始终指向函数声明时所在作用域下的this值。

箭头函数不能当做构造函数，也就是不可以用new命令，否则报错。

箭头函数不存在arguments对象，即使不能使用伪数组去接收参数，可以使用rest参数代替

适用场景：与this无关的回调，定时器，数组方法的回调

不适用场景：与this有关的回调，事件回调，对象方法的回调

 

多喝_热水
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6中的（=＞）箭头函数
qq_51562393的博客
03-09 749
（Arrow Function）箭头函数是ES6中新增的定义函数方式 通常我们用的函数定义的方法： var num = function (a,b) { return a + b } 而在ES6中新增了一种箭头函数 ()=>{} //()括号中的内容代表函数， //=>箭头指向某一个代码块， //{}大括号中则装着函数体 //举例 //ES6之前定义函数的方法 var num = function (a,b) { retu.
ES6标准 Arrow Function（箭头函数=>）
10-15
ES6中的Arrow Function，也称为箭头函数，是JavaScript语法的一种新特性，它引入了一种更简洁、更直观的方式来定义函数...理解并熟练掌握箭头函数的用法，能帮助开发者编写出更优雅、易于理解和维护的JavaScript代码。
()=＞{}；ES6的箭头函数
weixin_45045252的博客
12-17 339
箭头函数根本没有自己的this，导致内部的this就是外层代码块的this。正是因为它没有this，所以也就不能用作构造函数。 箭头函数既然可以访问外层代码块的this，同事也方便了调用外部常量变量及方法。 //重新排列顺序 anewTabIndex(){ for (let i = 0; i < this.tableDataShuttle.length; i++) { this.tableDataShuttle[i].i
es6基础() =>{}
weixin_30908941的博客
01-13 518
function name(params) {} es6中的写法 () =>{} 转载于:https://www.cnblogs.com/phermis/p/8280163.html
箭头函数()=＞
fanlao4203的博客
01-19 467
ES6---箭头函数()=>{} 与function的区别_刘欢的博客-CSDN博客_()=>{}
ES6 - 箭头函数（=＞）
qq_35389653的博客
12-23 300
箭头函数是ES6的新的API。 基本用法 // f: 变量f 等于函数表达式 // v: 函数形参 不许参数() // v: 函数返回值 var f = v => v; // 等同于 var f = function(v) { return v; } // 不写形参 表达方式 var f = () => 5; // 等同于
JavaScript ES6箭头函数使用指南
10-17
JavaScript ES6箭头函数是ECMAScript 2015引入的一个重要特性，它提供了更加简洁的函数定义方式，同时也改变了传统函数中`this`的指向规则。箭头函数的出现，部分原因是受到CoffeeScript的影响，其核心在于简化代码...
关于ES6箭头函数中的this问题
08-27
ES6箭头函数中的this问题 ES6中新增了箭头函数这种语法，箭头函数以其简洁性和方便获取this的特性...ES6箭头函数中的this问题需要我们深入理解箭头函数中的this指向的固定化，避免混淆一般函数定义的函数的this指向。
深入浅出ES6新特性之函数默认参数和箭头函数
09-01
箭头函数使用 `=>` 符号定义，简化了函数的声明，尤其是对于简单的回调函数来说，它让代码更加简洁。 基本语法如下： ```javascript (param1, param2, …, paramN) => { statements } ``` 如果只有一个参数，小...
详解Javascript ES6中的箭头函数(Arrow Functions)
10-21
箭头函数是JavaScript ES6引入的一种新的函数定义方式，它简化了传统函数的声明，使得代码更加简洁易读。箭头函数与传统的function关键字定义的函数在行为和语法上存在一些差异，尤其是在`this`的绑定规则上。 **一...
es6----知道()=>么
欣欣博客
11-12 313
1.http-server启动服务 安装一个服务： 启动服务： 检测本地是否支持Es6,在浏览器的控制台输入Promise：(因为Prom) 开发环境里面使用es6 用 webpack 作为转移工具，来写ES6 如果浏览器不支持，就用webpack可以转成es5 要下载工具：node环境中下载： babel babel-core babel-e
ES6 函数
weixin_43664448的博客
10-11 133
4.1 ES6 函数 函数参数的扩展 1 默认参数 基本用法 function fn(name, age=17){ console.log(name+", "+age); } fn("Amy", 18); // Amy,18 fn("Amy", ""); // Amy, fn("Amy"); // Amy,17 注意点：使用函数默认参数时，不允许有同名参数。 // 不报错 function fn(name,name){ console.log(name); } // 报错 //Synt
ES6新特性之傻瓜式说明
weixin_33861800的博客
03-13 93
ES6出来挺长一段时间了，但目前网上好像教程并不多也不详细。我依然遵循傻瓜式教学模式，白话文说明JavaScript和ES6的一些区别，说明下ES6的一些新特性。本文适合新手学习，大神请勿见笑，在下在此班门弄斧了。本文估计要写一段时间，晚上抽空便更新一段。 var和let的区别var是函数作用域，let是代码块作用域 var a = 12;if(true){ var a = 5; cons...
ES6-箭头函数 =＞
weixin_42479421的博客
07-06 231
箭头函数=> 的用法
ES6中箭头函数 (=＞)、三点运算符（...）的基本用法和注意事项（this指向）
yzq0820的博客
07-13 1082
目录一、箭头函数基础语法：省略写法：this指向：1.全局函数下的this2.对象方法里面的this3.对像里面的箭头函数this4.构造函数中的this指向问题简单应用：二、三点运算符1.函数传不定参数，验证数组的长度。2.与解构使用3.与数组解构使用 函数传对象4.扩展1.用...输出数组2.合并数组3.将类数组转为真正的数组4.复制数组5.练习() =>{} // ():函数 =>:必须的语法，指向代码块 {}:代码块const realName = () => { } ;//把函数赋值给realNa
Es6详解
Zero摄氏度的博客
07-15 178
es6详解，前端进阶，后端开发中需要掌握的前端知识。
Node.js ECMAScript6 JavaScript, 箭头函数( ()=>{} )
houyanhua1的专栏
05-08 7876
demo.js： // 箭头函数 // var fn1 = function() { // return '123'; // }; var fn1 = ()=>'123'; // ()表示函数的参数,=>后的表示返回值。 var fn2 = v=>v*2; var fn3 = (v1,v2)=>v1+v2; var fn4 = (v1,v2)=>{console.log(v1); c
JavaScript 的 箭头函数 () =＞ ({})
最新发布
bestadc的博客
08-17 1634
箭头函数 () => ({})
学习ES6（一）：扩展运算符（...）
yt412182782的博客
10-26 77
...：将一个数组转为用逗号隔开的参数序列 举例： ...[1,2,3] ====》1,2,3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 替代函数的 apply 方法 : //ES5 apply var num=[1,2,3]; function fun(x,y,z){} fun.apply(null,num) //ES6 ... var num=[1,2,3]; function fun(x,y,z){} fun(...num) ..
深入理解ES6：箭头函数与块级作用域
"这篇ES6学习笔记主要涵盖了ES6中三种变量声明的异同、let与const的应用、箭头函数的使用方式、this的指向、默认参数以及箭头函数不适用于某些特定场景的情况。" 一、var、let、const异同 在ES6中，变量声明有了新...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值