es6 箭头函数

落日映苍穹つ 2022-06-08 02:12 266阅读 0赞

##### 1.单参数   function cheng(a=3)\{       return a\*a;   \}   let cheng= (a=3)=>a\*a;   console.log(cheng(9));   2.多参数   function add(a,b)\{       return a+b;   \}   let add = (a,b)=>a+b;   //默认返回值   console.log(add(3,9));   3.无返回值   function add(a,b)\{       console.log(a+b);   \}   let add = (a,b)=>\{console.log(a+b)\};   console.log(add(3,9));   4.多行   function add(a,b)\{       console.log(a+b);       return a+b;   \}   let add = (a,b)=>\{       console.log(a+b);       return a+b;   \};   console.log(add(3,9));   2.如果箭头表达式仅仅就是简化了函数的命名，我们为什么要改变原来的习惯而去使用它呢？   箭头函数内部没有constructor方法，也没有prototype，所以不支持new操作。但是它对this的处理与一般的普通函数不一样。箭头函数的 this 始终指向函数定义时的this，而非执行时。   var o = \{         x : 1,         func : function() \{ console.log(this.x) \},         test : function() \{             setTimeout(function() \{                 alert(this); //this指针转为全局                 this.func();             \}, 1000);         \}     \};     o.test();  // TypeError : this.func is not a function   //----改为箭头函数   var o = \{       x : 1,       func : function() \{ console.log(this.x) \},       test : function() \{           setTimeout(() => \{ this.func() \}, 100);       \}   \};   o.test();    //这回this就指向o了 #####

发表评论取消回复

表情：

评论列表（有 0 条评论，266人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6----箭头函数

目录基本语法是：基本用法：注意：普通函数和箭头函数区别? 1.this指向问题 2.普通函数 arguments保存实际参数 3.箭头函数 rest参数保

本是古典何须时尚/ 2024年04月06日 09:21/ 0 赞/ 201 阅读

相关 Es6箭头函数

`箭头函数`是Es6新增加的一个语法特性，在简化编码方面，有着巨大亮点。下文就是我对于箭头`(=>)`函数的定义与实用说明。用法一（无参数）定义语法

不念不忘少年蓝@/ 2024年03月31日 09:05/ 0 赞/ 155 阅读

相关 ES6 箭头函数

ES6 中添加了函数新的定义语法——`箭头函数`，当有大于一个形参的时候，必须使用`()`代表部分参数，函数体大于一行时，必须使用`{}`将函数体括起来，并使用 `return

一时失言乱红尘/ 2023年08月17日 16:07/ 0 赞/ 263 阅读

相关 Es6箭头函数

let和const let 声明的变量只在 let 命令所在的代码块内有效。 const 声明一个只读的常量，一旦声明，常量的值就不能改变“（let）用来替代var声

红太狼/ 2023年07月09日 04:25/ 0 赞/ 127 阅读

相关 es6箭头函数

一。对箭头函数的理解 1. 在ES6中，"=>"是函数的表达式，并且箭头函数是匿名的。（这个箭头叫“lambda运算符”）如： var lets = b => b\b

矫情吗；*/ 2023年07月09日 02:27/ 0 赞/ 149 阅读

相关 ES6_箭头函数

优化函数的写法如何去定义函数方式一： function sum (x, y) { return x+y } const

Bertha 。/ 2022年09月10日 02:18/ 0 赞/ 335 阅读

相关 es6 箭头函数

1.单参数 function cheng(a=3)\{ return a\a; \} let cheng= (a=3)=>a\a; console

落日映苍穹つ/ 2022年06月08日 02:12/ 0 赞/ 267 阅读

相关 ES6 — 箭头函数

一为什么要有箭头函数我们在日常开发中，可能会需要写类似下面的代码 const Person = { 'name': 'little

港控/mmm°/ 2022年05月27日 04:13/ 0 赞/ 289 阅读

相关 ES6-箭头函数

<script> //1.es6允许使用箭头=>定义函数 var f = v => v; f(44);//44

￡神魔★判官ぃ/ 2022年03月19日 15:37/ 0 赞/ 385 阅读

相关 ES6箭头函数

ES6箭头函数一、什么是箭头函数二、写法三、箭头函数中this 一、什么是箭头函数简化了匿名函数的写法，二、写法 fu

快来打我*/ 2021年09月07日 06:10/ 0 赞/ 473 阅读