箭头函数的特性

已于 2022-05-30 14:01:24 修改
阅读量117 收藏
点赞数
分类专栏： 前端 文章标签： javascript 前端 前端框架
于 2021-07-29 15:46:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46054543/article/details/119212981
版权

在ES6之前，譬如我们定义一个方法，里面嵌套一个定时器还有一个方法，那么此时在这个使用这个回调函数的时候，就需要将this关键字在第一层作用域做一个保存，以便内部的回调函数访问使用

在这里插入图片描述
那么，在ES6出了箭头函数，我们可以在箭头函数内部作用域里访问箭头函数上级作用域的数据，我们就可以完美的解决这个问题，箭头函数的作用还很广，这里仅以此举例说明
在这里插入图片描述

产品迪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
04-箭头函数.rar
11-06
在JavaScript的世界里，箭头函数是ES6引入的一项重要特性，它为函数的定义提供了一种更为简洁的语法。在“04-箭头函数.rar”这个压缩包中，我们很可能会找到关于Vue-cli2的基础操作和配置的学习资料，同时会深入探讨...
es6基础
weixin_45041493的博客
09-21 195
es6 基础内容的学习笔记
箭头函数的特点
2301_79371125的博客
08-15 343
箭头函数特点
说说箭头函数的特点
最新发布
m0_74265396的博客
01-19 433
没有自己的this：箭头函数没有自己的this值，它会继承上层作用域的this值，即它的this是词法上下文确定的。箭头函数和普通函数的区别：箭头函数与普通函数相比，具有更短的语法和更简洁的函数体。但是，由于箭头函数没有自己的this和arguments，也不能作为构造函数使用，因此在某些场景下，还是需要使用普通函数。总的来说，箭头函数是一种简洁和方便的函数定义方式，特别适合用于简单的函数定义和回调函数的使用。不能用作构造函数：箭头函数不能被用作构造函数，不能使用new关键字来实例化一个箭头函数。
箭头函数有哪些特性
从人到猿
03-24 3560
分别是this指向、构造函数、arguments对象、隐式返回值和类成员方法
ES6中的箭头函数实例详解
08-30
ES6中的箭头函数是JavaScript语言的一个重要更新，它提供了一种更为简洁的函数定义方式。箭头函数的出现使得代码...然而，由于其特性限制，箭头函数并不适用于所有场景，开发者需根据实际需求选择合适的函数定义方式。
ECMAScript6的新特性箭头函数（Arrow Function）详细介绍
09-04
箭头函数是ES6中最具代表性的新特性之一，它提供了一种更加简洁、易读的函数定义方式。 箭头函数的主要特点包括： 1. **this的绑定**：在传统JavaScript函数中，`this`的值取决于函数的调用方式。然而，在箭头函数...
PHP 7.4 新语法之箭头函数实例详解
10-17
PHP 7.4 引入了一种新的语法特性——箭头函数（Short Closure），也称为短闭包。这种新语法旨在简化代码，特别是在处理需要传递函数作为参数的场景，如 `array_map` 和 `array_filter`。箭头函数提供了一种更加简洁...
ES6标准 Arrow Function（箭头函数=>）
10-15
ES6中的Arrow Function，也称为箭头函数，是JavaScript语法的一种新特性，它引入了一种更简洁、更直观的方式来定义函数。箭头函数的核心特点在于其简洁的语法和与众不同的`this`绑定规则。 1. **箭头函数的语法**：...
箭头函数特点
jennyya的博客
11-03 6585
箭头函数是匿名函数. 1不能作为构造函数，不能使用new let foo=()=>{ } var newFoo=new foo()//foo is not a construcotr 2不能使用argumetns,取而代之用rest参数...解决 let C = (...c) => { console.log(c); } C(1,2,3,3) 3不绑定this，会捕...
箭头函数有哪些特点?
weixin_50004028的博客
08-25 1069
箭头函数有哪些特点? 箭头函数是匿名函数 箭头函数的this指向外层作用域的this的值 箭头函数不绑定argument是，而用剩余参数…rest解决 箭头函数不能用作构造函数 箭头函数没有原型属性
ES6特性：箭头函数
Jester的博客
03-12 396
ES6允许使用"箭头"（=>）定义函数。 基本语法：参数=>函数体 var f = v => v; //等价于 var f = function(v){ return v; }; 如果箭头函数不需要参数或需要多个参数，需要使用（）括起来 var f = () => 1; //等价于 var f = function () { return 1 }...
ES6箭头函数的特性
qq_38950832的博客
07-17 310
1.不绑定this。 2.使用call（）和apply（）方法调用一个函数时，只是传入一个参数，对this没有影响。 3.箭头函数没有arguments，使用rest参数代替。 4.不能作为构造器，即不能使用new 关键字。 5.箭头函数没有原型。 6.不能简单返回对象字面量，返回用var  func = （）=>({...//必须用原括号括起来}) 7.箭头函数不能换行 8箭...
箭头函数的基本使用及特性
qq1547511739的博客
05-27 278
箭头函数：也是一种定义函数的方式，新潮的函数写法 优点：适当的省略函数中的 function和return关键字 缺点：代码可读性减弱，阅读时间花费多 注：箭头函数需注意部分 1，箭头函数不能用new 2，箭头函数如果返回值是一个对象，一定要加() 普通： const show = () => { } 返回值为对象： const show = () => ({ }) 3,箭头函数中的this指向的是上一层函数的主人 箭头函数this问题： 匿名函数中的this是window，而箭头函数中的thi
ES6新特性箭头函数语法、如何正确使用箭头函数
热门推荐
qq_32614411的博客
07-03 8万+
ES6标准新增了一种新的函数：Arrow Function（箭头函数）。 基础语法 通常函数的定义方法 var fn1 = function(a, b) { return a + b } function fn2(a, b) { return a + b } 使用ES6箭头函数语法定义函数，将原函数的“function”关键字和函数名都删掉，并使用“=>”连接参数...
箭头函数
05-31
箭头函数是 JavaScript 中的一种函数定义方式，它使用箭头符号（=>）来取代传统的 function 关键字来定义函数。箭头函数的语法简洁，可以更容易地编写和阅读代码。 箭头函数的基本语法如下： ``` (param1, param2, …, paramN) => { statements } ``` 其中，param1, param2, …, paramN 是函数的参数列表，而 statements 是函数体，可以是任意的 JavaScript 语句块。如果函数体只有一条语句，则可以省略大括号和 return 关键字，如下所示： ``` (param1, param2, …, paramN) => expression ``` 箭头函数还有一些特殊的用法，比如可以用来定义对象的方法，或者作为高阶函数的参数等。 值得注意的是，箭头函数没有自己的 this，它的 this 始终指向定义时所在的作用域中的 this。这个特性在某些情况下很方便，但也可能会导致一些意外的行为。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值