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

最新推荐文章于 2025-09-10 16:24:05 发布

原创

最新推荐文章于 2025-09-10 16:24:05 发布 · 9.8k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#arrowfn #箭头函数 #es6箭头 #es6匿名函数

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

概述

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

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

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


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



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

用法汇总

//ES5匿名函数的用法
va

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

crper

关注关注

1
点赞
踩
4

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

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函数的定义方式...

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

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

qq_44842962的博客

05-14

143

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

Vue 箭头函数

weixin_44289916的博客

11-19

1340

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

js进阶-promise全方位解析和异步编程

最新发布

hyk15543的博客

09-10

911

本质：一个构造函数（类），通过实例化。核心机制resolve（标记成功）和reject（标记失败）。Promise 内部通过状态机管理异步操作的结果，外部通过监听状态变更。setTimeout(() => resolve('异步操作成功'), 1000);// 1秒后标记成功});语法糖：基于 Promise 的语法糖，让异步代码看起来像同步代码。本质async函数返回 Promise，await用于暂停执行直到 Promise 完成。Promise 状态机。

Vue箭头函数

wuyan526的博客

07-02

516

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

vue 箭头函数

u013164983的博客

03-09

357

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

vue中的箭头函数

sinat_33447011的博客

06-22

925

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

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

02-05

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

es6-proxy-polyfill:ES6 Proxy polyfill，支持IE8 +，Node.js等

04-30

| 英语 ES6代理Polyfill 这是ES6 Proxy的polyfill，支持IE6 + ，Node.js等。到目前为止，它比GoogleChrome的支持更多功能。... script src =" path/to/es6-proxy-polyfill.js " type =" text/javascript " > <

Vue之『箭头函数』

零碎@流年絮语的博客

02-04

504

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

vue——箭头函数

weixin_42457563的博客

08-31

4099

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

Vue中的箭头函数

m0_66925868的博客

03-12

835

这点很重要，因为在 Vue 中，我们经常需要在模板事件绑定或者计算属性中访问组件的数据和方法。如果 this 指向错误的对象，我们就无法正确地访问或修改这些数据。这里第一处this指向的是created所属的组件，第二个则指向的是window，也就是全局对象。

vue 中箭头函数

包磊磊的博客

03-17

2020

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

谈一谈箭头函数的优缺点

weixin_52183381的博客

12-07

652

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

箭头函数的特点

weixin_45653441的博客

12-16

2205

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

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

m0_59634149的博客

03-15

948

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

JavaScript学习笔记（十二）——箭头函数（Arrow Function）

weixin_34088598的博客

11-29

169

在学习廖雪峰前辈的JavaScript教程中，遇到了一些需要注意的点，因此作为学习笔记列出来，提醒自己注意！如果大家有需要，欢迎访问前辈的博客https://www.liaoxuefeng.com/学习。 ES6标准新增了一种新的函数：Arrow Function（箭头函数）。更简洁的语法我们先来按常规语法定义函数： function (x) { return x...

vue学习之箭头函数

HRSR1314的博客

03-24

1984

箭头函数的学习