javascript中setInterval与setTimeout中this的问题以及对于闭包的一些理解
最近写代码是碰到一个setInterval中的this指针的问题,代码如下:
var testClass = function () { this.name = "test"; this.intervalId = null; }; testClass.prototype.start = function () { this.intervalId = setInterval(this.sayHello, 1000); } testClass.prototype.sayHello = function () { console.log("Hello, " + this.name); } var test = new testClass(); test.start(); //输出“Hello,”
当时第一反应就是this指针出问题了,但是不知道怎么解决,因为setInterval中传入的只是函数的名字,并不是调用,所以我们没法通过保存this的方法来实现,经过多番搜索,找到如下几种解决方案。
1. 使用bind函数,会有浏览器兼容问题
this.intervalId = setInterval(this.sayHello.bind(this), 1000);
bind函数类似call函数,都会改变上下文的this,但是bind返回的是函数,而call则会调用函数。
2.使用闭包,保存this变量
this.intervalId = setInterval(function () {
var self = this; return function() { self.sayHello();//有位大神解释闭包,闭包就是可以访问另一个函数内部而它自身外部的变量的函数,js类中的私有变量等就是通过闭包来实现权限控制的 }; }.call(this), 1000);
个人理解闭包其实就是在一个函数内有可以被外部访问的内部函数,能被访问的内部函数就是闭包,例如:
var a = function () { function b() {//不是闭包,因为外部不能访问它 console.log(b); }; return function c() {//闭包,外部可以访问 console.log(c); } }
理解的不知道对不对,敬请指教!!