美文网首页
ES6快速学习(二)箭头函数

ES6快速学习(二)箭头函数

作者: slTrust | 来源:发表于2017-12-08 12:49 被阅读0次

基本使用 函数名 = ( )=>'返回值'

/*
   function show(){
            return 1;
   }
   alert(show());
*/
   
  var show=()=>'welcome';
  alert(show());

带参数的形式

        /*
       function show(a){
            return a;
        }
        alert(show(12));
        */

        /*
        var show=(a,b)=>a+b;
        alert(show(12,5));
        */
        /*
        function rnd(n,m){
            return Math.floor(Math.random()*(m-n))+n;
        }
        alert(rnd(12,90));
        */
        //箭头函数的形式
        let rnd=(n,m)=>Math.floor(Math.random()*(m-n))+n;

        alert(rnd(10,40));

内部有多个语句

var show=()=>{
      alert(1);
      alert(2);
}
show();

与之前的差异

干掉了arguments

 /*
        function show(){
            alert(arguments.length);
        }
        show(1,2,3);
*/
        //干掉了  arguments
        var show=()=>{
            alert(arguments.length); //ReferenceError: arguments is not defined
        }

        show(1,2,3);

在DOM事件上使用

/*
        document.onclick=function(){
            alert(1);
        };
*/
        document.onclick=()=>{
            alert(1);
        };

相关文章

  • es6全家桶(二)—— 箭头函数

    es6全家桶(二)—— rest参数、箭头函数 箭头函数 ES6 允许使用“箭头”(=>)定义函数。 var f ...

  • ES6箭头函数简介

    @(JS技巧)[ES6|箭头函数] ES6箭头函数(Arrow Functions) ES6可以使用“箭头”(=>...

  • ES6快速学习(二)箭头函数

    基本使用 函数名 = ( )=>'返回值' 带参数的形式 内部有多个语句 与之前的差异 干掉了argumen...

  • es6、js、css、jquery、vue以及程序设计 知识点总

    es6 列举常用的es6特性。 箭头函数this的指向。 eg:箭头函数的特性 箭头函数内部没有construc...

  • ES6新特性5:函数的扩展之箭头函数

    箭头函数在ES6中最常用的特性,学习好至关重要,特别在Vue项目和React项目。 箭头函数:ES6中使用(=>)...

  • 箭头函数

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

  • 箭头函数

    一、函数的定义方式 1、function 2、对象字面量中定义函数 3、ES6中的箭头函数 二、箭头函数参数和返回...

  • 学习 ES 6 箭头函数

    箭头函数的用法 ES6 允许使用“箭头”(=>)定义函数。 箭头函数的一个用处是简化回调函数。 箭头函数 this...

  • JavaScript箭头函数

    ES6新语法箭头函数 箭头函数是ES6新语法,因为语法简单、可读性好,所以使用的也很多。箭头函数也是匿名函数,区别...

  • 关于ES6箭头this的指向问题

    ES6 允许使用 “ 箭头 ” (=>)定义函数。 箭头函数 填 坑。 this的指向是 向上查找 非箭头函数的...

网友评论

      本文标题:ES6快速学习(二)箭头函数

      本文链接:https://www.haomeiwen.com/subject/nxreixtx.html