美文网首页nodejs学习
nodejs中箭头函数

nodejs中箭头函数

作者: 村东头元旦家 | 来源:发表于2018-12-06 15:20 被阅读21次

   nodejs中或者其他语言中都会有箭头函数,刚刚开始时候还不知道什么意思。所以下面就来讲解一下。其实很简单

ES6中允许使用“=>”定义函数

var f = v=>v;

//等同于

var f = function(v){

       reutrn v;

}

如果箭头函数不需要或者需要多个参数,就使用一个圆括号代表参数部分

var f = ()=>5;

//等同于

var f = function(){ return 5;};

var sum = (num1,num2) => num1+num2;

//等同于

var sum = function(num1,num2){return num1+num2;};

如果箭头函数有多条语句,可以用括号括起来。并且使用return语句返回。

var sum = (sum1,sum2)=>{return num1+num2;};

由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外边加上括号,否则会报错。

//报错

let getTempItem = id=>{id:id,name:"temp"};

//不报错

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

如果箭头函数只有一句语句,且不需要返回值,可以采用下面的写法,就不用写大括号了。

let fn = ()=>void doesNotReturn():

箭头函数可以与变量解结构结合使用。

const full = ({first,last})=>first+''+last;

//等同于

function full(person){

    return person.first+''+person.last;

}

箭头函数使得表达更加简洁

const isEven=n=>n%2===0;

const square=n=>n*n;

箭头函数的一个用处就是简化回调函数

// 正常函数写法

[1,2,3].map(function(x){returnx*x;});

// 箭头函数写法

[1,2,3].map(x=>x*x);

另一个例子

// 正常函数写法

varresult=values.sort(function(a,b){returna-b;});

// 箭头函数写法

varresult=values.sort((a,b)=>a-b);

下面是 rest 参数与箭头函数结合的例子。

const numbers=(...nums)=>nums;

numbers(1,2,3,4,5)

// [1,2,3,4,5]

const headAndTail=(head,...tail)=>[head,tail];

headAndTail(1,2,3,4,5)

// [1,[2,3,4,5]]

使用注意点

箭头函数有几个使用注意点。

(1)函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。

(2)不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。

(3)不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替。

(4)不可以使用yield命令,因此箭头函数不能用作 Generator 函数。

上面四点中,第一点尤其值得注意。this对象的指向是可变的,但是在箭头函数中,它是固定的。

function foo(){

    setTimeout(()=>{console.log("id:",this.id);},100);

}

var id = 21;

foo.call({id:42});

//id:42

相关文章

  • nodejs的单例模式

    nodejs的单例模式 我们都知道在ES6中,nodejs语法添加了许多,比如箭头函数,类,let等.这里简单实现...

  • nodejs中箭头函数

    nodejs中或者其他语言中都会有箭头函数,刚刚开始时候还不知道什么意思。所以下面就来讲解一下。其实很简单 ES...

  • 九、箭头函数 ------ 2020-04-06

    1、箭头函数的创建: 2、箭头函数中没有arguments 3、箭头函数中没有自己的this

  • 箭头函数

    1,箭头函数定义 2,Es6 中箭头函数参数与返回值简写 补充 3,箭头函数中 this 指向 注:箭头函数中的t...

  • ES学习笔记

    [摘抄自网络] 箭头函数 箭头函数中的this箭头函数看上去是匿名函数的一种简写,但实际上,箭头函数和匿名函数有个...

  • 箭头函数没有绑定this

    ==箭头函数没有绑定this== 不要把【箭头函数】和【箭头函数的定义函数】弄混淆 ecma262规范中明确规定,...

  • 一句话明白箭头函数中的this

    关于箭头函数中this值的问题,网上查查,会告诉你 “箭头函数的this固定化,箭头函数中的this绑定定义时所在...

  • 函数的this是什么时候绑定的

    箭头函数是没有this的,箭头函数中的this只取决于包裹箭头函数的第一个普通函数的this。

  • 01.ES6箭头表达式

    安装nodejs略安装vscode略 1.单行箭头表达式: 2.多行箭头表达式(函数代码有多行,必须使用{}大括号...

  • 【Dart】函数

    声明函数 直接声明Dart中声明函数不需要function关键字 箭头函数+Dart中 的箭头函数中,函数体只能写...

网友评论

    本文标题:nodejs中箭头函数

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