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

最新推荐文章于 2024-03-24 17:57:22 发布

VIP文章 crper

最新推荐文章于 2024-03-24 17:57:22 发布

阅读量9.6k

点赞数 1

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

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

版权

概述

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

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

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


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



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

用法汇总

最低0.47元/天解锁文章

优惠劵

crper

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
3
评论
ES6折腾记- 箭头函数【Arrow function】要点及脱坑点

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

扫一扫

专栏目录

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

vue-2-3::left-right_arrow:Vue 3应用中的Interop Vue 2组件，反之亦然

03-19

vue-2-3 与Vue 3应用程序互操作Vue 2组件，反之亦然！ < template> I'm a Vue 3 app... but I can use Vue 2 components! < some> </ template> < script > import SomeVue2Component from 'some-vue2-component' import toVue3 from 'vue-2-3/to-vue-3' export default { components : { SomeVue2Component : toVue3 ( SomeVue2Component ) } } </ script > 这是在Vue 3应用程序中使用Vue 2组件的。 :male_sign:‍:male_sign:为什么？ :sailboat:

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

vue学习之箭头函数

最新发布

HRSR1314的博客

03-24

616

箭头函数的学习

this 的五种绑定方式（默认 / 隐式 / 显式 / new 构造函数 / 箭头函数）

Lyrelion的博客

11-19

1436

this 的五种绑定方式（默认 / 隐式 / 显式 / new 构造函数 / 箭头函数）

2019.2.1 现有vue-cli项目引入ESLint

weixin_30384217的博客

02-01

371

ESLint 不管是多人合作还是个人项目，代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。可能在早期建立项目的时候，因为一些原因没有引入eslint、单元测试等，随着项目开发，更多的小伙伴加入进来，每个人的编码风格远近高低各不同，后续自己或他人进行维护他人的代码时，会变得很棘手。就最基本的缩进、字段类型、参数函数命名方式（驼峰底杠）等可能都会让其他维护人员...

你真的了解JavaScript里的箭头函数(Arrow Function)吗（一）？

zwf193071的专栏

06-27

1361

你真的了解Javascript里的箭头函数吗

vue 小项目常见错误整理（2）

m0_67841039的博客

06-05

430

vue 小项目常见错误整理

es6基础

weixin_45041493的博客

09-21

182

es6 基础内容的学习笔记

2021-07-21 前端开发中每天遇到的问题（2）---Eslint代码格式化问题

negel_xu的博客

07-21

154

在团队协作中，经常遇到这样的格式问题，有的时候可能并不影响代码整体的运行，但是看到·error，也是让人心里没底的事情，我们遇到这种情况，需要先确定一下，项目中有没有自定义的eslint规范，没有的话，我们可以在右击格式化代码方式中选择： ...

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

11-21

1.传统的javascript函数语法并没有提供任何的灵活性，每一次你需要定义一个函数时，你都必须输入function () {},这至少会出现两个问题，ES6箭头函数都圆满解决了它，第一个问题：代码输入快了容易输错成 funciton...

is-arrow-function:确定函数是否为ES6箭头函数

05-12

等箭头功能 npm模块，以确定某个功能是否为ES6箭头功能。注意：目前仅在Firefox中有效。例子var isArrowFunction = require ( 'is-arrow-function' ) ;assert ( ! isArrowFunction ( function ( ) { } ) ) ;assert ...

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

10-15

ES6标准新增了一种新的函数：Arrow Function（箭头函数）,为什么叫Arrow Function？因为它的定义用的就是一个箭头

详解Javascript ES6中的箭头函数(Arrow Functions)

10-21

箭头函数，若有了解过coffeeScript的同学，或许对此印象深刻，因为它可以让语法省略不少，特别是对于回调函数，会让代码更清晰简洁。下面让我们一起来学习学习ES6中的箭头函数。

Arrow Function in ES6:=>

弱智de克星

11-08

348

箭头函数的特点

2301_79371125的博客

08-15

313

箭头函数特点

箭头函数简介和特点

qq_56769697的博客

05-04

308

箭头函数简介和特点

es6新语法arrow function

qq_35854907的博客

08-25

1128

"Arrow function" 是ES6中的的新语法。 ES5: var greeting = function(message, name){ return message + name; } ES6: First thing in ES6, we can remove the function keyword and add => on th

关于箭头函数报错的问题

qq_43288384的博客

08-24

736

使用箭头函数时报未预料的token等问题时的原因及解决办法

es6 箭头函数

05-25

ES6 中的箭头函数是一种更简洁的函数语法，它可以更方便地定义匿名函数。箭头函数的形式如下： ``` (param1, param2, ...) => {statements} ``` 其中，`(param1, param2, ...)` 是函数的参数列表，`{statements}` ...

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交