es6 的箭头函数

最新推荐文章于 2022-12-17 15:43:45 发布
最新推荐文章于 2022-12-17 15:43:45 发布
阅读量143 收藏
点赞数
文章标签： js javascript es6 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45565773/article/details/106690025
版权

es6 的箭头函数

    - 是一种对 **函数表达式** 的简写（也就是我们所说的赋值式函数）
    - 对 **声明式函数** 没有作用

  • 函数表达式
    - 自执行函数里面 (function () {})()
    - 赋值式函数 let fn = function () {}
    - 对象中的方法 obj = { fun: function () {} }
    - 定时器处理函数 setTimeout(function () {})
    - es5 的哪些数组方法 forEach(function () {})
    - 事件处理函数 addEventListener(‘click’, function () {})

  • 我们的函数表达式一般都是 匿名函数
    + 匿名函数都可以使用箭头函数来简写

  • 箭头函数的语法
    + 没有了 function 关键字
    + () => {}

  • 箭头函数的特性

    • 箭头函数没有 this
      • 箭头函数的 this 就是上下文（context）
      • 就是箭头函数外部作用域的 this
      • 只有箭头函数特殊，this 看定义
        • 你箭头函数写在哪一行，你就去你写箭头函数的上一行打印一下 this
        • 上一行 this 是谁，箭头函数里面的 this 就是谁
    • 箭头函数不受 call / apply / bind 的影响
      • 箭头函数的 this 在定义的时候就已经决定好了
      • 决定好以后，任何方法不能更改
    • 箭头函数内部没有 arguments
      • 箭头函数内部没有这个天生的变量
    • 箭头函数传递参数的时候
      • 如果只有一个形参，可以不写小括号
      • 如果没有形参或者两个及以上形参，必须写小括号
    • 箭头函数的函数体
      • 如果只有一句话，可以不写大括号
      • 否则就必须写
      • 当你省略 {} 的时候，函数会自动 return
执酒笑白衣
关注
箭头函数总结
一元梦想家的博客
07-08 144
箭头函数 说白了就是匿名函数的一个简写 简写规则： 1. function 改成=> =>可以读成goesto 2. 如果只有一个形参，那就可以省略形参小括号 3. 如果不是一个形参，0个或多个形参，那就不能省略这个形参小括号了 4. 如果函数体只有一句话，那就可以省略函数体的大括号 5. 如果函数体只有一句话，并且这一句话是return返回值，那return也要省略 6. 如果函数体不是一句话，那就不能省略大括号 /** * ..
ES6 箭头函数
langmanboy的博客
04-22 350
箭头函数 1. 箭头函数语法 箭头函数是 ES6 新增的特性， 通过使用 => 定义函数的新语法 箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super 或 new.target 箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数 arg1, arg2, ..argN 函数参数 expression 函数返回值 let func = (arg1, arg2, ..., argN) => expression; let func =
es6新特性之箭头函数
努力就有希望
12-08 257
1、定义 1.1 a、x => x*x 等同于 function (x){ return x*x; } b、两个参数 (x,y) => x*y c、无参数 () => 3.14 d、可变参数 (x,y,...test) => { var sum = x+y; for(v
ES6新特性之箭头函数
m0_47354578的博客
07-29 201
箭头函数以及声明特点 ES6允许使用箭头(=>)定义函数 声明一个函数 // let fn = function() { // // } // ES6 let fn = (a, b) => { return a + b } this是静态的，this始终指向函数声明时所在作用域下的this值（继承上一层自定义函数的this，若无上层自定义函数，则为window） window.name = "小猪" let fn = function() { console.
es6数组和箭头函数
weixin_45846303的博客
06-27 855
aa
ES6 --- 深度理解箭头函数
秋天，黄叶坠地，凉风有信。
02-24 883
箭头函数，基础知识 创建函数还有另外一种非常简单的语法，并且这种方法通常比函数表达式更好。 它被称为“箭头函数”，因为它看起来像这样： let func = (arg1, arg2, ..., argN) => expression; 这里创建了一个函数 func，它接受参数 arg1..argN，然后使用参数对右侧的 expression 求值并返回其结果。 换句话说，它是下面这段代码的更短的版本： let func = function(arg1, arg2, ..., argN) { re
ES6箭头函数、箭头函数与普通函数的区别
d_agege的博客
03-26 767
一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采
JavaScript ES6箭头函数使用指南
10-17
JavaScript ES6箭头函数是ECMAScript 2015引入的一个重要特性，它提供了更加简洁的函数定义方式，同时也改变了传统函数中`this`的指向规则。箭头函数的出现，部分原因是受到CoffeeScript的影响，其核心在于简化代码...
es6箭头函数this指向及优缺点
xzbqd的博客
12-17 308
es6箭头函数this指向及优缺点
关于ES6箭头函数中的this问题
08-27
ES6箭头函数中的this问题 ES6中新增了箭头函数这种语法，箭头函数以其简洁性和方便获取this的特性。然而，在箭头函数中this的指向却与一般函数定义的函数不同。箭头函数中的this是在定义函数的时候绑定，而不是在...
JS中的箭头函数
wytccc的博客
11-06 1367
② 箭头函数与数组的forEach、filter、map、some、every等方法配合起来用的比较舒服。① 箭头函数没有this，系统会把this当做一个变量，向上级作用域中去查找，最终会指向window。② 箭头后面没写大括号，如果需要返回一个值，直接写需要返回的变量即可（省略了return）① 箭头后面写了大括号的话，如果需要返回一个值，要写return关键字。① 箭头函数在某些地方不建议使用，因为可能会降低代码的可读性。② 箭头函数中没有arguments对象。③ 箭头函数不能用new调用。
es6的箭头函数，function* , yeild详解
hnhygkx的博客
09-21 8474
var f = v => v*2;  借鉴思路与java8的lamada 表达式类似 ,写匿名函数。 // 等价于 var f = function(v){   return v*2; } // 判断偶数 var isEven = n => n % 2 == 0; // 需要加 return var = (a, b) => {   if(a >= b)     return a
ES6重点（一）之箭头函数、Promise
weixin_43859703的博客
09-08 1492
一、箭头函数 二、promise promise.all() promise.race() 微任务
ES6 箭头函数以及for循环数组
从盲流子到程序员
03-24 3067
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>箭头函数</title> </head> <!--<script type="text/javascript" src="js/es6.js" ></s...
箭头函数的特性
yangyanqin2545的博客
01-07 1278
箭头函数的特性 箭头函数只能定义匿名函数； 箭头函数没有原型对象，不能用作构造函数； 当箭头函数只有一个参数的时候，可以省略小括号，形参列表括号； 当箭头函数函数体只有一句话的时候，可以省略大括号，如果说这句话还是返回值，省略了大括号后必须省略return; 如果箭头函数省略了大括号，那么返回值不能是对象，如果是对象，必须使用小括号进行包裹； 箭头函数不能使用 arguments,new,super关键字； 箭头函数没有自己的this，它使用的是父级的this； ...
js中箭头函数和this
mengsandy的专栏
09-10 2921
1、箭头函数理解 箭头函数内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 function foo() { setTimeout(() => { console.log('id:', this.id); }, 100); } var id = 21; foo.call({ id: 42 }); // id: 42 上面代码中，setTimeout的参数是一个箭头函数，这个箭头函数的定义生效是在foo函数生成时，而它的真正执行要等到 100 毫秒后。如果是普通函数，执
Vuejs中使用addEventListener的事件触发执行函数的this
热门推荐
nzyalj的博客
04-24 2万+
addEventListener => this
手把手教你写ES6箭头函数
QTFYING的博客
10-25 397
通常函数的定义方法 var fn = function(...){     ......     } 例如： var add = function(a,b){     return a+b; } //或者： function fn(...){     ...... } //例如： function add(a,b){     return a+b; } 简写方法速记 将原...
关于JS中addEventListener的使用
小火车况且况且况且的博客
03-10 4099
关于JS中addEventListener的使用 MDN中addEventListener()说明 主要用来实现事件的绑定 存在三个参数 target.addEventListener(type, listener, useCapture); type: 表示监听事件类型的字符串。类似于click,mouseover... listener: 用来监听处理的函数方法 useCapture: 默认是false,事件冒泡,可以设置为true为事件捕获 这里需要了解一下基本的事件流(事件捕获->事件目标
es6 箭头函数
最新发布
05-25
ES6 中的箭头函数是一种更简洁的函数语法，它可以更方便地定义匿名函数。箭头函数的形式如下： ``` (param1, param2, ...) => {statements} ``` 其中，`(param1, param2, ...)` 是函数的参数列表，`{statements}` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值