JS 字面量面向对象访问报not a function

Question

var page={
    init:function(){
        this.initEvents()
    },
    bindEvent: function (target, type, name) {
        $(target).bind(type, function (e) {
            e.preventDefault();
            name(e)
            })
    },
    initEvents: function () {
        this.bindEvent('.pic-egg1', 'click', this.showDiag)
        this.bindEvent('.pic-egg2', 'click', this.showDiag)
    },
    showDiag: function () {
        this.hideDiag()
    },
    hideDiag:function(){
        console.log('出不来')
    }
}

控制器报这个错误

hideDiag is not a function

Answer 1

$('#foo').bind(event, eventHandler) 中的 eventHandler 指向 #foo 选择器代表的 dom 元素本身，所以就会出现 xx is not function 的错误了。

要解决的话，很简单啊，使用 bind、apply 或者 call 绑定方法至 page 对象即可。

Answer 2

function 不是 functiong

Answer 3

你确定吗？原封未动的拷贝在sublim都能运行

Answer 4

你绑定事件，showDiag回调的时候，this已经不是page了。手机回答，具体解决方式不大记得了，搜一下js如何传递this之类的