• 关于setInterval()里的this和细节


    setInterval(fn,t);里的fn中,要使用外部类的this,则需要先将this保存起来,再使用保存的this,不能直接使用this,里面的this是指向window对象,记住setInterval()实际上是window.setInterval()就明白了。

    //这是Hero类中的一个方法
    Hero.prototype.shotEnemy=function(){
        switch(this.direct){
            case 0:
                var bullet=new Bullet(this.x+9,this.y,this.direct);  //创建子弹;子弹的坐标和方向与tank一致
                break;
            case 1:
                var bullet=new Bullet(this.x+30,this.y+9,this.direct);
                break;
            case 2:
                var bullet=new Bullet(this.x+9,this.y+30,this.direct);
                break;
            case 3:
                var bullet=new Bullet(this.x,this.y+9,this.direct);
                break;
        }
        this.heroBullet.push(bullet);
        heroBullet=this.heroBullet;  //需要保存下来供下面的setInterval()使用,setInterval()属于window对象,里面的this指向window,所以不能使用this.heroBullet
        heroBullet[heroBullet.length-1].t_run=setInterval("heroBullet["+(heroBullet.length-1)+"].run()",50);  //这里setInterval()里的第一个参数必须使用这种写法,下面两种写法都不行;;这里的代码实际上会生成setInterval("heroBullet[0].run()",50)这样固定下标的格式,所以会一直执行相应的对象,而下面的每次都要运算heroBullet.length-1,所以当发射多个子弹的时候,定时器总会改变为执行最后一个对象,也就会造成定时器累积导致子弹越来越快的问题
    
        // heroBullet[heroBullet.length-1].t_run=setInterval("heroBullet[heroBullet.length-1].run()",50);
        
        // heroBullet[heroBullet.length-1].t_run=setInterval(function(){
        //     heroBullet[heroBullet.length-1].run();
        // },50);
    }
    
    var a=[];
    var i=0;
    function test(){
        a.push(i++);
        setTimeout("console.log(a["+(a.length-1)+"])",100);  //输出12345
        // setTimeout("console.log(a[a.length-1])",100);  //输出5个5
    }
    test()
    test()
    test()
    test()
    test()
  • 相关阅读:
    Linux的优缺点,Linux与windows的区别
    一文带你读懂 Mysql 和 InnoDB存储引擎
    由浅入深一个Demo带你认识Restful风格的架构
    同步锁Synchronized与Lock的区别?
    认识多线程中start和run方法的区别?
    Java多线程与并发相关问题
    初识WebSocket
    Tomcat与Nginx服务器的配合使用及各自的区别
    Java内存模型相关原则详解
    你对区块链的理解还停留在炒币上吗
  • 原文地址:https://www.cnblogs.com/3body/p/5417094.html
Copyright © 2020-2023  润新知