JavaScript-js 回调 异步 求解

Question

cout是个对象，$this指向cout的this对象避免与dom对象冲突，整个方法就是单击<div class=".bb">200</div> 获得倒数的起始值（$this.name）,开始倒数。

var cout = {
        init:function (classname) {
            var $this = this
            if (classname) {
                var classname = classname
            }
            else {
                var classname = ".bb"
            }
            $(document).delegate(classname, "click", function () {

                $this.pri(this)
            })
        },
        pri:function (obj) {
            var $this = this

            function temp() {
                $this.name = parseInt($(obj).text())
                $this.name = $this.name - 1
                var temp = arguments.callee
                $(obj).html($this.name)
                if ($this.name > 0) {
                    window.setTimeout(function () {
                        temp()
                    }, 100)
                }

            }

            temp()

        }
    }

    cout.init(".bb")

Answer 1

你这样写没必要用$this.name阿 这样写不是更好懂 嘻嘻:
......function temp() {
var cc= parseInt($(obj).text()) ;
cc = cc - 1 ;
$(obj).html(cc);
if (cc > 0) {
window.setTimeout(function () {
temp()
}, 100)
}
}.....
其实用对象的写法的话 每一个div的点击回调中应该new一个对象出来的 当然对象的定义也应该做相应调整 赫赫

Answer 2

这里都没涉及到异步的操作，js是单线程的
定时器window.setTimeout(fn, 1000)意思是在1000ms后将fn函数丢到线程队列中，并"尽快"执行，尽快的意思是当线程队列前面所有函数都执行完了立刻执行，并不是异步执行的。

$this.name = parseInt($(obj).text()) 定义在temp()内部的时候却可以正常执行，这个是因为每次执行temp()的时候$this.name就重新设置了当前dom元素的值，所以是正确的。