美文网首页
ES6的箭头函数

ES6的箭头函数

作者: 前端开发_Eric | 来源:发表于2019-07-14 10:58 被阅读0次

1.基本概念

箭头函数是语义化的函数,它主要来源于 Lambda、 c++、 java等。
基础语法:一个小括号加上箭头指向一个大括号。
()=> {}
以前的函数:

 function foo(a,b){
            console.log(a,b);
        }
foo(1,2);

箭头函数:

 var foo1 = (a,b) =>{
            console.log(a + b);
        }
foo1();

2.需要注意的点

1)参数只有一个,()可以省略, 一条语句{}也可以省略(return语句时,把return省略)

  var foo1 = a =>{
     console.log(a);
      }
foo1(1);
var arr = [1,2,3]
//老方法
console.log(arr.map(function(x){
    return x*x;
}))//1 4 9

//箭头函数
console.log(arr.map(x => x * x));// 1 4 9

2)参数只有0或者2个,2个以上,()必须有 ,语句2条以上,{}必须有

3)this 指向问题
箭头函数没有this指向,函数中的this指向离函数最近的有this指向的父级.

4)不能使用arguments

var  obj = {
             output: ()=>{
            //console.log(arguments);//报错,不能使用
                console.log(this);//箭头函数,指向windows
             }
     }

5)不能当做构造函数

 var  obj = {
            init: ()=>{
             console.log(this);//window
             }
  }
new obj.init();//报错,箭头函数不能做构造函数

相关文章

  • ES6箭头函数简介

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

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

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

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

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

  • 学习 ES 6 箭头函数

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

  • 箭头函数

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

  • JavaScript箭头函数

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

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

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

  • ES6箭头函数(Arrow Functions)

    箭头函数是什么?(What) 箭头函数 (Arrow Functions)也称“胖箭头函数”,是ES6全新的特性。...

  • 2019-01-11

    ES6 箭头函数 箭头函数表示法:()=>console.log('Hello') 箭头函数和普通函数的区别 和普...

  • 关于箭头函数 this的指向问题

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

网友评论

      本文标题:ES6的箭头函数

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