箭头函数的意义

梦and远方

于 2024-07-24 14:40:57 发布

阅读量117

点赞数 2

文章标签： es6

本文链接：https://blog.csdn.net/IT15191032030/article/details/140662659

版权

箭头的出现是为了消除函数的二义性

函数的二义性：1，指令序列 2，构造器面向对象

调用函数有两种方式：1,直接调用比如 Date（）2，通过new关键字调用 new Date()

ES6中引入了类是为了告诉使用者函数只能通过new调用

同理箭头函数就只能表达函数只有指令序列的作用，不能通过new调用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

梦and远方

关注关注

2
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

JavaScript中箭头函数的意义以及作用

qq_42905433的博客

04-27

2578

关于JavaScript中的箭头函数 如果你去面试前端开发人员，有一些基本问题如箭头函数的用法，它跟普通函数有什么区别，还有一个问题是什么时候用that和this，其实这两个问题是有关联的，箭头函数的出现解决了var that = this这种看起来很聪明，其实现在看很sd的写法 that和this的区别在箭头函数没有出来之前，js中需要这么写，这里涉及到了一个作用域的问题，this的作用域是其...

箭头函数的特点/作用

lan128lan的博客

04-09

7215

一、箭头函数的特点 箭头函数是匿名函数 1. 箭头函数使表达更加简洁，隐式返回值 const isEven = n => n % 2 === 0; const square = n => n * n; 箭头函数的一个用处是简化回调函数，如下： // 正常函数写法 [1,2,3].map(function (x) { return x * x; }); // 箭头函数...

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

js中箭头函数的作用

发光如星

05-19

1121

原文地址：https://www.cnblogs.com/hailun/p/6279029.html ES6标准新增了一种新的函数：Arrow Function（箭头函数） x => x * x 相当于： function (x) { return x * x; } 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return： x => {

js中（箭头函数）的作用

dxyzhbb的博客

06-03

1289

ES6标准新增了一种新的函数：Arrow Function（箭头函数） x => x * x 相当于： function (x) { return x * x; } 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return： x => { if (x > 0) { return x * x;

箭头函数

JEFF_xieyuzhi的博客

06-09

1329

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

如何理解JavaScript多个连续箭头函数书写方式

Einstellung的博客

11-15

2346

导言：本菜鸡在学习Vue编程的时候，看到有大佬写的代码用了多个连续箭头函数，完全不能理解是什么意思。经过多方调查和思考才初步理解。本篇文章记录一下自己学习和理解的心得。有多个箭头函数的代码如何执行我拿一个很普通的函数来举例子，比如下面代码： function sum (a, b) { return a + b; } 或者是这样： let sum = function (a, b) { a + b } 如果要写成箭头函数可以写成这样： let sum = (a, b) => a ..

箭头函数（Arrow Function）

qq_60332750的博客

12-12

4708

箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。 箭头函数的好处一、 箭头函数语法（1）删掉function关键字加上=> （2）没有参数加括号（3）一个参数可以选择不加（）（4）多个参数必须加（),并且参数之间用逗号分割。二、隐式返回三、箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值。 ...

JS箭头函数和常规函数之间的区别实例分析【 5 个区别】

10-15

在JavaScript编程中，函数是核心组成部分，而箭头函数和常规函数是两种常见的函数定义方式。它们之间存在显著的区别，这些差异在实际开发中具有重要的意义。以下是五个关键区别以及相关实例分析： 1. **this值的...

ES6箭头函数和普通函数中this的区别

落羽成舟-博客

03-28

402

定义上的区别引用自：ES6中箭头函数VS普通函数的this指向普通函数中的this 总是代表着它的直接调用者，如obj.fn，fn里的最外层this就是指向obj 默认情况下，没有直接调用者，this指向window 严格模式下（设置了’use strict’），this为undefined 当使用call，apply，bind（ES5新增）绑定的，this指向绑定对象 箭头函数中的this 默认指向定义它时，所处上下文的对象的this指向。即使是call，apply，bind等方法也不能改

ES6 — 箭头函数

weixin_34168880的博客

05-14

363

一为什么要有箭头函数 我们在日常开发中，可能会需要写类似下面的代码 const Person = { 'name': 'little bear', 'age': 18, 'sayHello': function () { setInterval(function () { cons...

箭头函数的特点

赵玉玲的博客

01-17

1973

没有自己的this 箭头函数中的this实际是外层函数的this const test={pro:'pro',con:()=&amp;gt;console.log(this)} test.con() //window const foo={bar:{con:test1.con},pro:'foopro'} foo.bar.con() //window（this与调用层数没有关系this是函数才有的内部...

箭头函数详解

热门推荐

现在学习也不晚

11-29

1万+

1 基本用法ES6 允许使用 “ 箭头 ” （=>）定义函数。var f = v => v; //上面的箭头函数等同于： var f = function(v) { return v; }; //如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。 var f = () => 5; // 等同于 var f = function () { return 5 }...

箭头函数与普通函数的this指向，箭头函数的特点和好处

全端菜鸟小姐

11-21

1009

建议参考书籍《你不知道的JavaScript》上卷 P82 第2章：this全面解析。 GitHub：https://github.com/susuGirl 箭头函数特点 this的指向问题，函数体内的this对象，就是定义是所在的对象，而不是使用时所在的对象。箭头函数里面没有自己的this，而是引用外层的this，所以也不能用call、apply、bind方法去改变this指向 ...

箭头函数，匿名函数，为什么用？怎么用？有什么不一样？使用场景是什么？

githubcurry

05-28

1万+

箭头函数的使用和一些特性 JS中的箭头函数用=>来标识。箭头函数有两个主要的优点: 更简短的函数；更直观的作用域和this的绑定(不绑定this) 因为这些优点，箭头函数比起其他形式的函数声明更受欢迎。比如，受欢迎的airbnb eslint configuration库会强制使用JavaScript箭头函数创建匿名函数。 1.　即它允许使用箭头（=>）来定义函数。如　　var f = v =>v; 这个箭头函数就等同于: 　　var f = function (v) { 　　

JavaScript 面试题（十一）箭头函数有什么作用（和普通函数的区别）？简要描述一下ES6中的箭头函数及其使用场景。

qq_42684926的博客

08-26

1948

箭头函数表达式的语法比函数表达式更简洁。并且没有自己的this。箭头函数更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。 箭头函数的作用： 1.箭头函数的语法比函数表达式更简洁。 2.箭头函数可以解决this指向问题。箭头函数不会创建自己的this，它只会从自己的作用域链向上一层继承this。 箭头函数的使用场景： 1.简单的函数表达式，内部没有this引用，没有递归，事件绑定，解绑定。 2.需要调用this，且this指向和上一层作用域链保持一致时。如保证指向vue实例对象。 ...

箭头函数到底是怎么回事儿？

huoren_no1的博客

07-03

565

箭头函数为什么叫箭头函数（Arrow Function）初步使用this 为什么叫箭头函数（Arrow Function）请看一个实例: x => x * x 由上面函数可知，它的确含有一个箭头，故名箭头函数。注: ’ = ’ 与 ’ > ’ 之间不可有空格。上面箭头函数等价于： function (x) { return x * x; } 初步使用其实,箭头函数近...