ES6语法-箭头函数特点及简单例子

最新推荐文章于 2023-11-05 21:28:42 发布

L_jin_c

最新推荐文章于 2023-11-05 21:28:42 发布

阅读量675

点赞数

分类专栏： ES6 文章标签： es6

本文链接：https://blog.csdn.net/L_jin_c/article/details/108318175

版权

本文介绍了ES6中的箭头函数，包括基本格式、形参处理以及其特点。当函数没有形参默认值且只有一个形参时，括号可选；若函数体仅有一句，花括号也可省略。箭头函数特性包括：使用let声明，形参可省略小括号，单行函数体可省略大括号并自动返回结果，但返回对象时需使用大括号包裹。

摘要由CSDN通过智能技术生成

一、箭头函数的基本格式


	let func = () => {
   
	    console.log(10);
	}
	func();//如果没有调用，函数也不会执行的

二、箭头函数有形参时

1、函数中没有形参默认值时

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

L_jin_c

关注关注

0
点赞
踩
1

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

ES6和ES5语法区别（常量、作用域、箭头函数）

阿蔡的博客

05-05

6006

1.常量在ES3中，没有常量这一说。在ES5中，通过变量的定义只读，不可修改。在ES6中，用const定义常量也是只读，不可修改。举个例子,设置圆周率PI的值： //es5写法 Object.defineProperty(window,'PI',{ value:3.1415926,//定义属性值 writable:false,//是否只读 }) 在控制台看 ...

ES6箭头函数、箭头函数与普通函数的区别

d_agege的博客

03-26

815

一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采

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

es6里面箭头函数的特点

qq_56607109的博客

07-13

203

箭头函数特点

ES6--箭头函数

Silentli20的博客

02-04

158

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>箭头函数</title> </head> <body> <script> ...

es6箭头函数特点有哪些？

qq_23681041的博客

05-19

477

ES6 箭头函数的主要区别如下： 箭头函数不绑定arguments，可以使用...args代替; 箭头函数可以进行隐式返回； 箭头函数内的this是词法绑定的，与外层函数保持一致； 箭头函数没有prototype属性，不能进行 new 实例化，亦不能通过 call、apply 等绑定 this; 在定义类的方法时，箭头函数不需要在constructor中绑定this。 ...

ES6中箭头函数的特性

最新发布

weixin_52350720的博客

11-05

11.4打卡

ES6中的箭头函数实例详解

08-30

ES6中的箭头函数是JavaScript语言的一个重要更新，它提供了一种更为简洁的函数定义方式。箭头函数的出现使得代码更加紧凑，可读性更强，同时也解决了一些关于`this`指向的问题。以下是对箭头函数的详细解析。 **...

04-箭头函数.rar

11-06

在JavaScript的世界里，箭头函数是ES6引入的一项重要特性，它为函数的定义提供了一种更为简洁的语法。在“04-箭头函数.rar”这个压缩包中，我们很可能会找到关于Vue-cli2的基础操作和配置的学习资料，同时会深入探讨...

浅谈ES6语法中箭头函数的用法

Pe7erjmd的博客

05-01

248

ES6箭头函数的用法箭头函数的用法箭头函数的特点箭头函数的改写箭头函数和普通函数的区别 箭头函数的用法你好！今天来写一下箭头函数的用法，因为在使用中还是经常会遇到箭头函数的使用，因此需要辨别箭头函数的多种写法，在实际使用时才不会发懵，这次也是通过复写我在B站看到的一个比较好的教程，也不知道这样算不算抄袭，我还标的原创，emmmm，因为就是当学习笔记在用嘛，所以大佬如果找过来我再删掉好了，kk。 ...

ES6特性：箭头函数

Jester的博客

03-12

437

ES6允许使用"箭头"（=>）定义函数。基本语法：参数=>函数体 var f = v => v; //等价于 var f = function(v){ return v; }; 如果箭头函数不需要参数或需要多个参数，需要使用（）括起来 var f = () => 1; //等价于 var f = function () { return 1 }...

ES6箭头函数特点

weixin_34186128的博客

06-14

401

为什么80%的码农都做不了架构师？>>> ...

es6 箭头函数语法

艾斯比

06-24

206

箭头函数语法 () => {} 如果形参只有 1 个, 那么可以省略小括号如果函数语句只有一句, 那么可以省略大括号. 如果函数语句只有一句并且作为返回值, 那么还可以省略 return (注意 return 和大括号需要同时省略才行) es6 箭头函数没有自己的 this, 在箭头函数内使用 this, 有两种情况 箭头函数外面有普通函数, 那么箭头函数 this 和普通函数的 this 相同 箭头函数外面没有普通函数, 那么箭头函数 this 与 window 对象等效 // 普通箭

ES6语法=>箭头函数

Osborn的博客

07-22

576

1.箭头函数

es6标椎新增了一种新的函数:箭头函数

weixin_49523082的博客

06-07

287

箭头函数 es6标椎新增了一种新的函数:箭头函数 基础语法通常函数的定义方法 var fn1 = function(a,b){ return a - b; } function fn2(a,b){ return a + b } 使用es6箭头函数语法定义函数，将原来的function关键字和函数名都删掉，并使用=>连接参数列表和函数体 var fn1 = (a,b) =>{ return a + b } (a,b) => {

ES6箭头函数的特点以及this的指向，通俗理解

qq_45327277的博客

07-28

164

/*没有参数的时候 * ()不可省略，否则报错 * */ let fn1 = () => console.log('我是箭头函数fn1') fn1() // '我是箭头函数fn1' /* * 只有一个参数的时候 * ()可省略 * * */ let fn2 = a => console.log(a) fn2('我是箭头函数fn2') // '我是箭头函数fn2' /* * 两个参数...

es6语法 箭头函数

m0_60508194的博客

06-14

414

es6语法 箭头函数

ES6基本的语法(五) 箭头函数

StevenTang957的博客

02-03

247

箭头函数箭头函数不用写 function返回值可以不写 return，但是有时需要配合{}参数不能重复命名只能作为函数使用不能 new, 没有原型箭头函数中的参数和this箭头函数中的 arguments箭头函数中的 this在全局定义中在局部中定义在函数中可以关注一下 箭头函数 特点不用写 function 只能作为函数使用不能 new, 没有原型参数不能重复命名返回值可以不写 return，但是有时需要配合{} 内部 agruments this 由定义时外围最接近一层的非箭头函数的 agrum

ES6箭头函数的特性

qq_38950832的博客

07-17

335

1.不绑定this。 2.使用call（）和apply（）方法调用一个函数时，只是传入一个参数，对this没有影响。 3.箭头函数没有arguments，使用rest参数代替。 4.不能作为构造器，即不能使用new 关键字。 5.箭头函数没有原型。 6.不能简单返回对象字面量，返回用var func = （）=>({...//必须用原括号括起来}) 7.箭头函数不能换行 8箭...

ES6-箭头函数以及声明特点

yrfjygb的博客

03-20

113

1.this是静态的，this始终指向函数声明所在作用域下的this <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <body&

ES6语法改造全攻略：从变量到Promise与箭头函数

1. **核心例子**：文章首先提供了一个简单的JavaScript构造函数和考试函数示例，用于展示如何在旧版语法下工作。读者可以在此基础上进行后续的语法转换。 2. **修改成静态变量（const）或块级变量（let）**： - ...