ES6折腾记- 箭头函数【Arrow function】要点及脱坑点

最新推荐文章于 2024-07-28 21:06:01 发布

crper

最新推荐文章于 2024-07-28 21:06:01 发布

阅读量9.7k

点赞数 1

分类专栏： ES6+折腾记文章标签： arrowfn 箭头函数 es6箭头 es6匿名函数

本文链接：https://blog.csdn.net/crper/article/details/52445449

版权

本文介绍了ES6中的箭头函数，包括其匿名特性和This指向规则。详细阐述了箭头函数的用法，并进行了总结，帮助开发者深入理解和运用这一ES6新特性。

摘要由CSDN通过智能技术生成

概述

ES6的箭头函数的特点：永远是匿名函数，This指向obj内部；

什么是箭头函数？：箭头函数是匿名函数，ES5匿名函数的语法糖；但又增加了ES5所没有的一些优点

//ES5
var tt = function tt() {
   
  return 55 + 99;
};


//ES6
var tt = () => 55 +99



//是不是一对比，写法的差异就看出来了

用法汇总

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

crper

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
3
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

ES6知识整理（一）--- let/const/箭头函数

Creabine的博客

01-09

780

早在17年初就读了《ES6 标准入门》并在博客上做了笔记（《ES6 标准入门》读书笔记），工作中也有用到一些。一年后再回过头来看这些知识，又跟初看的时候的感觉完全不同了。对很多新特性的好处有了更具体的认识。也有一些知识依然了解不够，所以在这里重新整理一波，夯实基础。 箭头函数 箭头函数主要有两个好处： 1. 减少代码量 2. 绑定函数定义时的作用域对于1，这里记

ES6----let，const，箭头函数

qq_44842962的博客

05-14

104

1、var,let和const es6是一种规范，js来实现 var 和let的区别 1、不存在变量提升 var存在变量提升 console.log( c ) var c='c' js会进行预解析，浏览器执行顺序如下 var c; console.log( c ) //undefined var c='c' let不存在变量提升 console.log( c ) //报错误信息 let c='c' 2、同一个作用域下不能重复定义同一个名称 var a=1 var a =99 console.lo

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

JS高级——Promise使用

最新发布

@SCY

07-28

1576

当所有的Promise状态变成fulfilled状态时，新的Promise状态为fulfilled，并且会将所有Promise的返回值组成一个数组；当有一个Promise状态为reject时，新的Promise状态为reject，并且会将第一个reject的返回值作为参数；在我们调用resolve的时候，如果resolve传入的值本身不是一个Promise，那么会将该Promise的状态变成。如果所有的Promise都是reject的，那么也会等到所有的Promise都变成rejected状态；

Vue 箭头函数

weixin_44289916的博客

11-19

1272

箭头函数 1.1 认识箭头函数 传统定义函数： const aaa = function(parse) { } 对象字面量中定义函数： const obj = { bbb(parse) { } } Es6中箭头函数; const ccc = ()=>{ } 箭头函数的参数和返回值参数问题: 放入两个参数: const obj = (num1, num2) => { retu...

Vue箭头函数

wuyan526的博客

07-02

362

除了原生DOM事件外，Vue还支持自定义事件，实现组件间的通信。我们可以通过$emit方法在一个组件中触发自定义事件，然后在父组件中通过v-on监听该事件。Vue还提供了事件修饰符，用于处理特定情况下的事件。在Vue中，除了在组件内部触发自定义事件外，我们还可以通过Vue实例的$emit方法在根实例中触发全局的自定义事件。在事件处理函数中，Vue允许我们访问原生事件对象（如event），以便于获取更多关于事件的信息。在Vue中，我们可以通过v-on指令来绑定事件监听器，实现对DOM事件的响应。

vue 箭头函数

u013164983的博客

03-09

267

ES6中的箭头函数：参数=>函数体；（1）箭头函数和普通函数对比普通函数： function test(var param){ alert("这是传过来的参数"+param); } 箭头函数： param=>alert("这是传过来的参数"+param). 普通函数： function test(var param){ return param*...

es6-arrow-function, shorthand 箭头函数编译为 ES5..zip

09-18

es6-arrow-function, shorthand 箭头函数编译为 ES5. es6-arrow-function 编译使用箭头函数编写的JavaScript以使用ES5-compatible函数语法。例如：[1, 2, 3].map(n => n * 2);编译为：[1, 2, 3

ES6标准 Arrow Function（箭头函数=）

11-21

ES6中的箭头函数是JavaScript语言的一次重大更新，它为编写函数提供了更为简洁和清晰的语法。箭头函数的引入主要解决了传统函数定义中的一些问题，如易错的拼写和冗余的代码。首先，传统JavaScript函数的定义方式...

ES6基础--箭头函数详解

zxn200125的博客

11-26

828

ES6中新增的箭头函数是什么，跟普通函数相比有什么不同

es6-string-html：es6多行字符串中的突出显示代码

02-05

在es6多行字符串中添加了对代码的语法突出显示支持： ...只需在字符串之前插入注释/ * html * /或html （或sql而不是html）（有关可能的值，请参见“要求”部分），或从命令菜单中选择Insert es6-string-h

vue中的箭头函数

sinat_33447011的博客

06-22

858

带一个参数的情况 value => value // 相当于 function(value){ return value; } 不带参数的情况，使用一个圆括号代替参数部分 ()=>1 // 相当于 function () { return 1; } 带两个参数以上，在源圆括号内写参数部分 (a,b)=>a+b // 等同于 function (a,b) { return a+b; } 注意：...

js---遍历的4种方法 & 箭头函数=＞

时光里的博客

09-07

8012

常规遍历方法 for i forEach 箭头函数=> for of 遍历 for in 遍历 for in 遍历的是数组下表 ,适合遍历集合 箭头函数=> ES6标准新增了一种新的函数：Arrow Function（箭头函数）基础语法 var fn1 = function(a, b) { return a + b } function fn2(a, b) { return a + b } 使用ES6箭头函数语法定义函数，将原函数的“func

Vue之『箭头函数』

零碎@流年絮语的博客

02-04

444

箭头函数: 一种定义函数的方式直接定义函数 const aaa = function () { } 对象字面量中定义函数 const obj = { bbb() { } } .ES6中的箭头函数 // const ccc = (参数列表) => { // // } const ccc = () => { } 箭头函数参数问题一个参数 const power = num => { return num * num

vue——箭头函数

weixin_42457563的博客

08-31

4026

//第一个例子： function a(b) { return b+1; } //等同于下面这个箭头函数（去掉function函数，参数只有一个可以省略小括号，小括号与大括号之间有一个箭头，如果没有大括号则直接是返回值，有大括号必须写return） let a = b => b+1; //第二个例子： function a(b) { return function (c)...

vue 中箭头函数

包磊磊的博客

03-17

1932

(function (h) { return h(App); }); // ES6 h => h(App);

谈一谈箭头函数的优缺点

weixin_52183381的博客

12-07

585

简单介绍什么是箭头函数： 箭头函数是匿名函数. ES5匿名函数的语法糖，并且没有自己的this，arguments. advantage：（1）写法简单. （2）解决了this的指向问题，原生的写法this指向的是调用者，箭头函数this绑定的是定义时的那个对象。如果有对象嵌套的情况，则this绑定到最近的一层对象上. （3）隐士返回，如下面的代码可以去掉return,代码移到一行，减少代码量 shortcoming：（1）做为构造函数的时候不能使用箭头函数 （2）真正需要this的时候如给元素

箭头函数的特点

weixin_45653441的博客

12-16

2145

//箭头函数：通常用于匿名函数，而匿名函数一般用于回调函数 //箭头函数的语法：(形参1,形参2…) => {函数体} //箭头函数的特点： //1、箭头函数不同于一般函数： // 1)、一般函数可以先调用后定义，而箭头函数只能先定义后调用 // 2)、一般函数可以当作构造函数，而箭头函数不能当作构造函数 // 3)、一般函数有arguments、而箭头函数没有argument...

对箭头函数的了解,箭头函数的优点?

m0_59634149的博客

03-15

860

箭头函数都是匿名函数,ES5匿名函数的语法糖,并且没有自己的this,arguments,super或new.target。

ES6箭头函数与function区别详解，模块导入导出实战

在ES6中，箭头函数（Arrow Function）是一种更简洁的定义函数的方式。相比于传统的`function`关键字，箭头函数有以下特点： 1. 箭头函数使用`=>`符号分隔参数列表和函数体。 2. 如果函数体只有一条语句，可以省略大...