精华内容
下载资源
问答
  • ES6标准新增了一种新的函数:Arrow Function(箭头函数箭头函数表面上相当于匿名函数,并且简化了函数定义。它们各自的区别是什么呢? 1 带名和匿名函数的区别 区别:匿名函数需要讲地址赋值给另一个变量let a,...
  • ES6—箭头函数 0.为什么会出现箭头函数? 1.传统的javascript函数语法并没有提供任何的灵活性,每一次你需要定义一个函数时,你都必须输入function () {},这至少会出现两个问题,ES6箭头函数都圆满解决了它, 第一个...
  • ES6标准新增了一种新的函数:Arrow Function(箭头函数),为什么叫Arrow Function?因为它的定义用的就是一个箭头
  • 主要介绍了vue data不可以使用箭头函数问题,本文通过源码解析给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 2.箭头函数的this: 指向箭头函数定义时所处的对象,而不是箭头函数使用时所在的对象,默认使用父级的this 箭头函数的父级还箭头还是 就从父级开始 向上查找 直到有(实际上箭头函数里并没有 this,如果你在箭头函数...
  • 箭头函数

    千次阅读 多人点赞 2019-08-12 13:57:38
    箭头函数可以说是es6的一大亮点,使用箭头函数,可以简化编码过程,是代码更加的简洁。 ES6 允许使用“箭头”(=>)定义函数。 var f = a => a; var f = function (a) { return a; }; 上面两个是同一个...

    箭头函数可以说是es6的一大亮点,使用箭头函数,可以简化编码过程,是代码更加的简洁。

    ES6 允许使用“箭头”(=>)定义函数。

    var f = a => a;
    
    var f = function (a) {
      return a;
    };

    上面两个是同一个函数,实现功能都是返回a。可以看到使用箭头函数后代码简洁了很多。如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。

    var f = () => 5;
    // 等同于
    var f = function () { return 5 };
    
    var sum = (num1, num2) => num1 + num2;
    // 等同于
    var sum = function(num1, num2) {
      return num1 + num2;
    };

    如果箭头函数的代码块大于一行,需要用大括号包起来使用。

    var sum = (num1, num2) => { num1 = num1+1;return num1 + num2; } 
    sum(1,1)
    //3

    大括号{}内容会被解释成代码块,所以如果返回的是对象,需要在外面加上一个括号。

    let getTempItem = id => ({ id: id, name: "Temp" });

    否则就会报错。如果代码只有一行且不需要返回,可以使用void,这样就不用大括号了。

    使用箭头函数,可以让我们的回调函数特别的简洁。

    // 正常函数写法
    [1,2,3].map(function (x) {
      return x + x;
    });
    
    // 箭头函数写法
    [1,2,3].map(x => x + x);

    剪头函数在使用时,this的指向会发生变化。在我们使用普通函数的时候

    function foo() {
      setTimeout(function(){
        console.log('id:', this.id);
      }, 100);
    }
    
    var id = 21;
    
    foo.call({ id: 42 });

    这个时候console打印的id是全局的id也就是21。

    但是如果使用箭头函数

    function foo() {
      setTimeout(() => {
        console.log('id:', this.id);
      }, 100);
    }
    
    var id = 21;
    
    foo.call({ id: 42 });

    这个时候就是42了,这是因为箭头函数的定义生效在函数生成时,也就是指向了{id:42}所以最后打印的是42。

    因为这个特性,箭头函数包含this的自定义对象方法中使用。

    const dog= {
      age: 9,
      ages: () => {
        this.age--;
      }
    }

    当我们调用dog.ages的时候会报错,这是因为对象不单独构成作用域,箭头函数的this指向的是作用域是全局的。

    还有就是动态的this也是不可以使用箭头函数的。比如当监听点击事件的时候,使用this处理点击对象,如果使用箭头函数就会报错,因为this指向的是全局对象了。

     

    展开全文
  • 主要介绍了小程序中的箭头函数的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • vue2.0新增了render方法,官方案例写的是: render: h=>h(app) 其中h是由createElement方法演变而来 render: function(createElement){ return createElement(app) } 用es6的写法就是:(只有一个个return语句,...
  • 【兼容IE】简单的 IE9 以上兼容ES6语法、箭头函数,代码-附件资源
  • 箭头函数极大地简化了this的取值规则。 普通函数与箭头函数 普通函数指的是用function定义的函数: var hello = function () { console.log("Hello, Fundebug!"); } 箭头函数指的是用=>定义的函数: var hello...
  • ES6新增的箭头函数

    2021-01-08 09:54:06
    箭头函数:是一种函数的语法,符合函数的概念 特点如下: 1. 简单方便:()=>{} 2. 不允许直接存在,必须作为值存在 var fn = ()=>{ console.log(hello); } fn(); //hello 3. 箭头函数内部没有自己的this,...
  • 本文主要介绍的是关于ES6箭头函数的定义与调用方式的相关内容,分享出来供大家参考学习,下面来看看详细的介绍: 基本用法: ES6中允许使用“箭头”(=>)定义函数 var f = v => v; 上面代码相当于: var f = ...
  • 相信大家当想起箭头函数时,脑海里可能会浮现 棒,酷,简洁,有趣 等形容词,其实,我们存在一些 更充分的理由 使我们在联想起 箭头函数 时不得不想到的,本文详细的给大家介绍了关于React何时使用箭头函数的相关...
  • ES6标准新增了一种新的函数:Arrow Function(箭头函数)。那么下面这篇文章主要给大家介绍了箭头函数中this的相关资料,有需要的朋友可以参考借鉴,下面来一起看看吧。
  • ES7中的箭头函数写法真的是很方便,而现今ReactJs又非常流行而且好用,非常适合有Java面向对象经验的同学学习和使用,在使用Reacjs构建组件时,如果想要使用箭头函数写法定义函数该怎么办呢? 首先,如果你直接在...
  • 主要给大家总结了关于javascript ES6中箭头函数注意细节的相关资料,文中介绍的比较详细,需要的朋友可以参考借鉴,下面来一起看看吧。
  • 04-箭头函数.rar

    2020-11-06 16:10:03
    记录了Vue-cli2的相关基本操作和配置,包含学习笔记等等,仅供个人学习使用。啦啦啦啦啦啦啦啦啦啦啦啦啦
  • 短闭包,也叫做箭头函数,是一种用 php 编写的短函数.这篇文章主要介绍了PHP 7.4 新语法之箭头函数,需要的朋友可以参考下
  • 箭头函数表达式(也称为箭头函数)的语法比函数表达式短,并且在词法上绑定到该值 this . Ninja ( [ '$lambda' ] , function ( $lambda ) { console . log ( $lambda ( '(a, b) => a + b' ) ( 'hello ' , 'cleber....
  • 主要介绍了ECMAScript6的新特性箭头函数(Arrow Function)详细介绍,ECMAScript6其实就是JavaScript,它的新特性就是JS的新特性,引入只是时间问题,需要的朋友可以参考下
  • 箭头函数,若有了解过coffeeScript的同学,或许对此印象深刻,因为它可以让语法省略不少,特别是对于回调函数,会让代码更清晰简洁。下面让我们一起来学习学习ES6中的箭头函数
  • 主要介绍了深入浅出ES6新特性之函数默认参数和箭头函数 的相关资料,需要的朋友可以参考下
  • 主要介绍了JavaScript中的普通函数和箭头函数的区别和用法详解,非常不错,具有参考借鉴价值,需要的朋友可以参考下

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 163,096
精华内容 65,238
关键字:

箭头函数