03-箭头函数 箭头函数 基本语法: ES6允许使用“箭头”(=>)定义函数 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分 ...
平时在script标签或JS文件定义一个函数是这样的: 如果是在对象字面量中定义函数的话,有如下两种方式: 而在ES 中又引入了一种对函数的定义方式:箭头函数,标准示例如下: 上面的 num num 是参数列表,后面的 是方法体 但主要说的并不是这种方式,他还有特别的写法: 当只有一个参数,方法体中的代码只有一行时,他可以下面的写法: 上面代码意思是:参数是num,方法体是return num ...
2021-03-31 11:53 0 625 推荐指数:
03-箭头函数 箭头函数 基本语法: ES6允许使用“箭头”(=>)定义函数 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分 ...
特型介绍:箭头函数是ES6新增的特性之一,它为JS这门语言提供了一种全新的书写函数的语法。 箭头函数简化了原先的函数语法,不需要再写 function ,如果函数体只有一行代码的话连 return 都不用写,这个特性对于热衷于简化流程和工作的程序员来说相当对胃口。 箭头函数支持 ...
最近做的项目中遇到了在箭头函数里使用this时报错的问题,把箭头函数的写法改成function()后,this的指向才达到预期。关于这个问题值得研究一下。 在箭头函数出现之前的ES5时代,this指向它的调用者。是哪个对象调用了这个属性或方法,this就指向这个对象。这有 ...
全局环境下,指向windows console.log(this.document === document); // true 函数上下文调用 function f1(){ return this; } f1() === window; // true 对象中 ...
箭头函数中this的指向问题 箭头函数不会改变this的指向,在它外面拿到的this是什么,它里面获取到的就是什么 setTimeout方法挂载在window上面,高程中写道,超时调用的代码都是在全局作用域下执行,非严格模式下this指向window对象,严格模式下为undefined ...
es6对象内函数一般有两种写法: 输出: person1的写法,类似于: this指向当前调用此方法的对象 person2的写法,使用了箭头函数,箭头函数的this指向当前的执行环境(创建它时所处的上下文)(箭头函数可以捕获其所在上下文的this值 ...
对于this的指向问题还是有点不太清除,这里做一下整理,方便以后查看 普通函数的this 1.普通函数的this指向的是它的调用者,谁调用这个this,,this就指向谁,比如obj,fn,这里fn最外层的this就指向obj 2.如果没有调用者,那这个this就指向window 3. ...
今天注意到前端小伙伴用react 定义component class的方法的时候是通过箭头函数的方式,表示好奇。 class Test extends React.Component { public fun1 = () => { console.log ...