zoukankan      html  css  js  c++  java
  • 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);
        }
    }
    

      

      理解的不知道对不对,敬请指教!!

      

  • 相关阅读:
    注册审核
    静态表单验证
    多条件查询
    0623TP框架联系
    0618框架 增删改练习
    php框架 数据添加
    0616框架查询
    0614空操作方法 空控制器 跨控制器调用 命名空间
    php 0613框架基础
    php查询
  • 原文地址:https://www.cnblogs.com/DARKDD/p/4279595.html
Copyright © 2011-2022 走看看