JavaScript 箭头函数

  1、没有参数时

var demo = function () {

}
    //可以改写为

var demo = () => {

}

  2、只有一个参数时

var demo =function(arg){

}
    //可以改写为

var demo = arg =>{

}

  3、函数体只有一条语句时

var demo = function(){
return 1
}
    //可以改写为

var demo =()=> return 1

注意: 当这一条语句是一个对象时 要用小括号括起来 

例如 var demo = ()=> ({a:11,b:"string"})

  4、箭头函数的确与传统函数有不同之处,但仍存在共同的特点。

  例如:
  1.对箭头函数进行typeof操作会返回“function”。
  2.箭头函数仍是Function的实例,故而instanceof的执行方式与传统函数一致。
  3.call/apply/bind方法仍适用于箭头函数,但就算调用这些方法扩充当前作用域,this也依旧不会变化。
  4.箭头函数与传统函数最大的不同之处在,禁用new操作

原文地址:https://www.cnblogs.com/litings/p/8151279.html

时间: 2024-10-06 15:36:36

JavaScript 箭头函数的相关文章

JavaScript箭头函数中的this详解

前言 箭头函数极大地简化了this的取值规则. 普通函数与箭头函数 普通函数指的是用function定义的函数: var hello = function () { console.log("Hello, Fundebug!"); } 箭头函数指的是用=>定义的函数: var hello = () => { console.log("Hello, Fundebug!"); } JavaScript箭头函数与普通函数不只是写法上的区别,它们还有一些微妙的不

JavaScript 箭头函数:适用与不适用场景

JavaScript 箭头函数:适用与不适用场景现代 JavaScript 中最引人注目的功能之一是引入了箭头函数,用 => 来标识. 这种函数有两大优点 – 非常简洁的语法,和更直观的作用域和 this的绑定. 这些优点有时导致箭头函数比其他形式的函数声明更受欢迎. 例如,受欢迎的 airbnb eslint 配置 会在您创建匿名函数时强制使用JavaScript箭头函数. 然而,就像工程中的任何东西一样,箭头函数优点很明显,同时也带来了一些负面的东西. 使用他们的时候需要权衡一下. 学习如何

Javascript 箭头函数简述

ES6 引入箭头函数有三大好处,首先,一个简洁的语法:第二,隐式return,能写成一行:第三,当你执行点击操作的语句不用在一个函数内部了. 访问ES6.io那里有大量的例子可以看一看. 对一个数据添加名称: const names = ['Wes', 'Kait','Lux']; 我们想添加Bos 到每个数组值的后面. 通常我们会这样做: const fullNames = names.map(function(name){ return `${name} Bos`; }); console.

Javascript 箭头函数2

没有参数额箭头函数 如果函数没有参数,我们可以通过()来表示,是不是有些逼格,看例子 const fullNames5 = names.map(() => `Cool Bos`); console.log(fullNames5); // Cool Bos, Cool Bos, Cool Bos 还有另一种写法就是用下划线 _ 来代替() names.map(_=>`Cool Bos`); 当然这个下划线没有任何的意义,你还可以这样做,不过这些都是没有任何含义的 names.map(x =>

javascript 箭头函数的使用 初学者必看

为了保证可读性,本文采用意译而非直译.另外,本文版权归原作者所有,翻译仅用于学习. 本文我们介绍箭头(arrow)函数的优点. 更简洁的语法我们先来按常规语法定义函数: 1 2 3 4 5 function funcName(params) { return params + 2; } funcName(2); // 4 该函数使用箭头函数可以使用仅仅一行代码搞定! 1 2 3 var funcName = (params) => params + 2 funcName(2); // 4 是不是

javascript箭头函数

原文 https://thewebjuice.com/es6-arrows/ 1 使用es6箭头定义匿名函数 (msg)=>console.log('Hello World') es5 'use strict'; (function (msg) { return console.log('Hello World'); }); 2 单个参数和多个参数 // Multiple Parameter (arg1,arg2,arg3,arg4)=>{ return arg1+arg2+arg3+arg4

JavaScript 基础(七) 箭头函数 generator Date JSON

ES6 标准新增了一种新的函数: Arrow Function(箭头函数). x => x *x 上面的箭头相当于: function (x){ return x*x; } 箭头函数相当于匿名函数,并且简化了函数定义.一种像上面的,只包含一个表达式, 连{ ... }和return都省略掉了.还有一种可以包含多条语句,这时候就不能省略{ ... }和return: x =>{ if(x > 0){ return x * x; }else{ return -x *x; } } 如果参数不是

JavaScript ES6箭头函数指南

前言 胖箭头函数(Fat arrow functions),又称箭头函数,是一个来自ECMAScript 2015(又称ES6)的全新特性.有传闻说,箭头函数的语法=>,是受到了CoffeeScript 的影响,并且它与CoffeeScript中的=>语法一样,共享this上下文. 箭头函数的产生,主要由两个目的:更简洁的语法和与父作用域共享关键字this.接下来,让我们来看几个详细的例子. 新的函数语法 传统的JavaScript函数语法并没有提供任何的灵活性,每一次你需要定义一个函数时,你

用JavaScript里的箭头函数实现函数式编程

转帖: http://jimliu.net/2015/10/21/real-functional-programming-in-javascript-1/ 箭头函数 其他语言里面一般叫做lambda表达式,其实我个人当然是喜欢这个名字,但是因为ES6的语言规范里就把它管叫箭头函数,自然文中还是会尽量这么说. 箭头函数的基本定义方式是: 123 (参数列表) => { 函数体} 当只有一个参数的时候,可以省略括号,写成 123 参数名 => { 函数体 } 当函数体是一个表达式(而不是段落)的时