JS—-this指向(二)
栏目: JavaScript · 发布时间: 5年前
内容简介:箭头函数中this对象就是定义时所在的作用域,也就是说箭头函数本身没有this,内部的this就是外层代码块作用域中的this。1、独立函数该箭头函数在全局环境中定义,即this指向window
箭头函数中this对象就是定义时所在的作用域,也就是说箭头函数本身没有this,内部的this就是外层代码块作用域中的this。
1、独立函数
var a = 0 var test = ()=> { var a = 1 console.log(this.a) } test() //0
该箭头函数在全局环境中定义,即this指向window
2、对象的方法
var a = 0 var obj = { a: 1, foo: ()=> { console.log(this.a) } } obj.foo() //0 即: var a = 0 var obj = new Object obj.a = 1 obj.foo = ()=> { console.log(this.a) } obj.foo()
如上所示,foo在全局中定义,所以this指向window,那么如何使this指向obj?
根据上一篇介绍,当函数作为对象的方法调用时this指向该对象,可以这样改写:
var a = 0 function foo(){ var func = () => { console.log(this.a) } return func } var obj = { a : 1, foo:foo } obj.foo()() //1
func在foo调用时定义,此时的foo所在作用域为obj,因此this指向obj
3、构造函数,因箭头函数没有this,固不能用作构造函数,否则会报错
var foo = ()=> { console.log(this) } var boo = new foo() //foo is not a constructor
4、bind/call
var a = 0 var func = ()=> { console.log(this.a) } var obj = { a: 1 } func.call(obj) //0
如上:func定义在全局,因此打印0,同对象方法,我们可以通过如下改写,打印出1
var a = 0 var func = function() { var boo = ()=> { console.log(this.a) } return boo } var obj = { a: 1 } func.call(obj)() //1
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Python算法教程
[挪威] Magnus Lie Hetland 赫特兰 / 凌杰、陆禹淳、顾俊 / 人民邮电出版社 / 2016-1-1 / 69.00元
本书用Python语言来讲解算法的分析和设计。本书主要关注经典的算法,但同时会为读者理解基本算法问题和解决问题打下很好的基础。全书共11章。分别介绍了树、图、计数问题、归纳递归、遍历、分解合并、贪心算法、复杂依赖、Dijkstra算法、匹配切割问题以及困难问题及其稀释等内容。本书在每一章结束的时候均有练习题和参考资料,这为读者的自我检查以及进一步学习提供了较多的便利。在全书的最后,给出了练习题的提......一起来看看 《Python算法教程》 这本书的介绍吧!