ES6标准新增了一种函数–箭头函数(Arrow Function),比较容易识记,因为它的定义用的就是一个箭头表示的。主要从以下方面理解箭头函数:1.箭头函数的用法。2.箭头函数的语法。3.箭头函数的this问题。箭头函数相当于匿名函数,并且简化了函数的定义。箭头函数有两种格式。1.只包含一个表达式,{…}和return都省略掉了。如 x=>x*x2.包含多条语句,此时不可省略{…}和ret
转载
2024-06-09 00:26:47
285阅读
块级作用域 => 关键字let,常量const对象字面量的属性赋值简写let name = 'test';let person = {name;}console.log(person);// {name:'test'}赋值解构let [a,b,c] = [1,2,3];let [foo,[[bar], baz]] = [1, [[2], 3]];let [bar, foo] = [1];解构
转载
2024-09-13 18:38:21
84阅读
1取掉function 2.在括号前面加箭头 3如果逻辑代码仅有return可以直接省去 4如果参数只有一个,可以把括号舍省去 ... <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title ...
转载
2021-08-31 23:07:00
97阅读
2评论
1.箭头函数 简化了函数的定义 let f = v => v;//变量名 = 参数 = 返回值(函数体) let f = function(v){ return v; } let f1 = function(){ return 123; } let f1 = () =>123; let f2 = f ...
转载
2021-05-19 11:37:15
140阅读
2评论
let getPrices = () => 4.55 console.log(getPrices()) let arr = ['apple', 'banana', 'orange'] arr.forEach(value => { console.log(value) }) arr.forEach((value, index) => { console.log(value, in...
转载
2016-09-08 13:40:00
65阅读
2评论
1. 若函数体只有一句代码,且代码执行结果为返回值,则函数体大括号以及return可省略 正常函数形式: let normal_func = function (num1, num2) { return num1 + num2; }; 使用箭头函数形式: let arrow_func = (num1 ...
转载
2021-08-09 17:10:00
116阅读
2评论
箭头函数使函数更加简洁 是function的语法糖(语法糖是为了简化语法) 一. 箭头函数和普通函数的区别 1. 箭头函数的this是绑定在被声明环境的this,普通函数的this是跟随上下文的 2. 箭头函数里面没有arguments对象,如果需要取不定个数参数,可以用...rest接收 3.箭头 ...
转载
2021-09-24 16:04:00
161阅读
2评论
箭头函数:定义函数的一种方式一,定义函数的方式1.function: const aaa = function (){ }2.对象字面量中定义函数: const obj = { bbb() {} }3.ES6中的箭头函数:
原创
2022-01-17 13:37:13
58阅读
一、语法1.具有一个参数的简单函数var single = a => asingle('hello, world') // 'hello, world'2.没有参数的需要用在箭头前加上小括号var log = () => { alert('no param')}3.多个参数需要用到小括号,参数间逗号间隔,例如两个数字相加var add = (a, b) => a + badd(3, 8) // 114.函数体多条语句需要用到大括...
转载
2021-08-12 15:02:48
320阅读
箭头函数含义使用 ()=>{} 替换 匿名函数的语法形式也就是 使用 ()=>{} 替换 functi
原创
2022-12-21 10:21:49
61阅读
ES6 在函数扩展方面,新增了很多特性。例如:箭头函数参数默认值参数结构赋值剩余参数扩展运算符this 绑定尾调用箭头函数定义箭头函数的语法语法:
(参数1, 参数2 ...) => { 函数体 }如果有且仅有 1 个形参,则()可以省略如果函数体内有且仅有 1 条语句,则{}可以省略,但前提是,这条语句必须是 return 语句。需要强调的是,箭头函数是没有函数名的,既然如此,那要怎么
转载
2024-04-09 14:55:08
26阅读
###一、箭头函数 //1.定义函数的方式:function function test1(){ console.log('1111') } const test2 = function (){ console.log('222') } test1(); test2(); //2.对象字面量中定义函 ...
转载
2021-10-22 16:42:00
178阅读
2评论
```html 06_箭头函数 测试箭头函数this_1 测试箭头函数this_2 console.log('xxxx') * 一个参数: i => i+2 * 大于一个参数: (i,j) => i+j * 函数体不用大括号: 默认返回结果 * 函数体如果有多个语句, 需要用{}包围,若有需要返回的内容,需要手动返回 * 使用场景: 多用来定义回调函数 * 箭头函数的特点: 1、简洁 2、箭头函数
转载
2020-04-13 20:49:00
105阅读
2评论
1、箭头函数示例 let add = (a,b) => a + b //没有语句块时,默认作为返回值 add(1,2); var multi = (a,b) => {return a * b;} //在语句块中返回值 multi(1,2); 2、如果箭头表达式仅仅是简化函数的命名,为什么要改变原来习
转载
2018-07-19 00:05:00
103阅读
引自http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001438565969057627e5435793645b7acaee3b6869d1374000 箭头函数 阅读: 12574
转载
2017-08-25 14:54:00
95阅读
2评论
// 普通函数let fun = function () { console.log('原始函数')}fun()// 没有形参的时候let fun1 = () => console.log('我是箭头函数')fun1()// 只有一个形参的时候,可以省略小括号let fun2 = a => console.log(a)fun2('我是a')//...
原创
2022-10-13 16:58:38
64阅读
ES6标准新增了一种新的函数:Arrow Function(箭头函数)基础语法一般函数的定义
原创
2022-11-17 01:39:10
90阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>06_箭头函数</title> </head> <body> <button id="btn">测试箭头函数this_1</button> <button id
转载
2020-03-24 20:52:00
81阅读
2评论
ES6 async函数 async实际是es7新增加的关键字,和 Promise , Generator 有很大关联的。 语法(正常的js函数语法) async function name([param[, param[, ... param]]]) { statements } name: 函数名 ...
转载
2021-09-10 16:55:00
265阅读
2评论
1:return的只要不是promise对象,那么返回的则是成功的promise对象2:抛出错误,返回的是失败的promise3:返回的是一个promise对象,该对象若是成功的promise,返回的则是成功的,反之则是失败的。...
原创
2021-12-25 16:46:42
174阅读