函数扩展——ES6中的箭头函数

最新推荐文章于 2024-08-18 22:23:52 发布

归佚

最新推荐文章于 2024-08-18 22:23:52 发布

阅读量26

点赞数

文章标签： es6 前端

本文链接：https://blog.csdn.net/sumu18436202886/article/details/132379934

版权

1.什么是箭头函数

ES6中提供的一种更加简洁的函数书写方式，使用=>来定义函数。

2.箭头函数的基础用法

2.1箭头函数没有参数

2.2.箭头函数有参数

2.2.1只有一个参数

也可以省去包裹参数的括号

2.2.2有多个参数

2.3箭头函数有返回值

若函数体只有一行代码，且为return语句，则可以省略{}和return

3.箭头函数中的this指向问题

箭头函数没有原型prototype，因此箭头函数没有this指向
ES6中的箭头函数中，this指向当前所处的上下文对象
- this的指向在代码一运行，就固定，不能被修改
- 上下文对象：只有函数和script标签可以成为上下文

4.箭头函数的应用场景

普通函数、回调函数(推荐)可以使用箭头函数
事件的方法、构造函数、不可以改造为箭头函数
对象的方法不推荐使用箭头函数
箭头函数中，不能使用arguments

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

归佚

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
函数扩展——ES6中的箭头函数

ES6中提供的一种更加简洁的函数书写方式，使用=>来定义函数。
复制链接

扫一扫

ES6——箭头函数

weixin_54362381的博客

06-19

267

箭头函数: 1、单行代码可加也可不加{ }，若需写多行则添加{ }；单行代码不加{ }的话，箭头函数自带返回值； //单行不加{ }的话，箭头函数自带返回值； const add = (a, b) => a+b //多行则添加{ } const add1 = (a, b) => { a += 1; return a + b; }; console.log(add1(2, 2)); 2、单行代码不需要返回值方法： //行代码添加{ }，以多行方式显示，则无返回值； const pop

ES6 函数——函数参数的扩展、箭头函数

Concise200的博客

02-22

291

ES6 函数1. 函数2. 箭头函数 1. 函数 1.只有在未传递参数，或者参数为 undefined 时，才会使用默认参数。null和空字符串被认为是有效的值传递。 <script> function fn(name, age = 17) { console.log(name + "," + age); } fn("woody"); // woody,17 fn("Smith", undefined) // Smith,17 fn("jo

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

Es6 箭头函数

weixin_58405903的博客

10-22

445

Es6 箭头函数 箭头函数也称为也称为胖箭头函数； 箭头函数的基本语法：()=>{} 函数的普通写法 window.onload = function() { console.log(123); } Es6 箭头函数写法 window.onload = () => { console.log(456); } 通过赋值的方式创建函数 let fn = () => { console.log(789); } fn(

ES6箭头函数

lbb111111的博客

03-24

1077

回顾:函数的字面量声明 var test = function(x){ return x=2; } 箭头函数语法语法1 (参数1, 参数2, …, 参数N) => { 函数体 } var fn1 = (x,y)=>{return x+y;} console.log(fn1(2,3));//5 语法2 单个表达式省略{} (参数1, 参数2, …, 参数N) => 表达式（单一）相当于：(参数1, 参

es6学习资料.zip

07-21

首先，让我们来看看ES6中的关键特性之一——**箭头函数**。箭头函数提供了一种简洁的语法来定义函数，如`(参数) => 表达式`。与传统的`function`关键字定义的函数相比，箭头函数没有自己的`this`值，它会继承上下文...

jsexercises:JS函数练习

05-05

1. **定义函数**：JavaScript提供两种主要方式定义函数——`function`关键字定义和函数表达式（如匿名函数和箭头函数）。 - `function`定义：`function myFunction() { /* code */ }` - 匿名函数：`(function() {...

ES6标准入门（第2版）

01-16

ES6引入了箭头函数，它提供了一种更简洁的函数定义方式。箭头函数的语法糖使得代码更加紧凑，其this指向也与传统函数不同，而是基于包围它的上下文确定，这对于处理回调函数或闭包中的this问题非常有用。 **二、...

RV8:Javascript V8 函数

06-05

9. **ES6及更高版本特性**: V8引擎一直在跟进ECMAScript的新特性，包括箭头函数、类、模块、Promise、async/await等，使得开发者可以充分利用现代JavaScript的特性。 10. **V8隔离**: V8引擎可以被独立地封装在各个...

Curso-ES6-

02-13

3. **箭头函数**：更简洁的函数定义方式，如`() => {}`，箭头函数没有自己的this，而是继承自上下文，这解决了回调函数中this指向问题。 4. **类与继承**：ES6引入了基于原型的类(class)语法，使得面向对象编程更加...

前端开发工程师面试整理-ES6+的新特性

不务正业的猿

08-17

214

这些ES6+的新特性使JavaScript变得更强大、更简洁，提高了开发效率和代码可读性。ES6（ECMAScript 2015）及后续版本引入了许多新特性，极大地增强了JavaScript的功能和开发体验。使用function*定义生成器函数，可以通过yield暂停和恢复执行。基于Promise的异步编程语法，使异步代码更加简洁和易读。使用简洁的语法定义函数，并且不绑定自己的this。使用import和export语法导入和导出模块。Map用于存储键值对，Set用于存储唯一值的集合。用于异步操作的对象。

JavaScript ES6 Proxy

歌舞阿瓜的博客

08-18

616

Proxy是ES6为了操作对象引入的 API。Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。一个 Proxy 对象由两个部分组成： target 、 handler。在通过 Proxy 构造函数生成实例对象时，需要提供这两个参数。target 即目标对象， handler 是一个对象，声明了代理 target 的指定行为。

JavaScript ES6 Set

歌舞阿瓜的博客

08-15

243

Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。

es6-模版字符串

karlaofsky的博客

08-18

176

模板字符串中嵌入变量，需要将变量名写在${}之中。

JS模块化总结 | CommonJS、ES6

yavlgloss的博客

08-14

1666

JS模块化总结 | CommonJS、ES6

ES6学习笔记（九）——class（类）

最新发布

weixin_56370772的博客

08-18

477

传统面向对象的编程序语言都是【类】的概念，对象都是由类创建出来，然而早期 JavaScript 中是没有类的，面向对象大多都是基于构造函数和原型实现的，但是 ECMAScript 6 规范开始增加了【类】相关的语法，使得 JavaScript 中的面向对象实现方式更加标准。class（类）是 ECMAScript 6 中新增的关键字，专门用于创建类的，类可被用于实现逻辑的封装。

ES6 & ESNext 规范及编译工具简介

yolo

08-18

629

变量定义新形式（let、const）解构语法模板字符串 箭头函数 ES6新增的数组方法 Set和Map 面向对象编程——class 语法生成器 generator 异步处理——callback、Promis

node.js: postgreSQL16 sequelize6 es6 ORM in webstorm 2023.1 and vscode

Geovin Du Dream Park

08-18

127

【代码】其實就是下載的包不一樣和數據庫配置連接不一樣，代碼基本是一樣，可以学习包里的架构方式可以改配置操作選擇數據庫配置，就可以少改動代碼，變換任一個主流數據庫

【vue讲解：ref属性、动态组件、插槽、vue-cli创建项目、vue项目目录介绍、vue项目开发规范、es6导入导出语法】

weixin_50556117的博客

08-14

1284

vue讲解：ref属性、动态组件、插槽、vue-cli创建项目、vue项目目录介绍、vue项目开发规范、es6导入导出语法

《ES6标准入门》详解

"ECMAScript 6 入门标准，由阮一峰编著，旨在帮助读者理解并掌握JavaScript语言的下一代标准——ES6。本书详细介绍了与上一个版本ES5的区别，提供丰富的示例代码，适合已掌握ES5的中级开发者作为了解最新语言特性的...