国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jscript > 当构造函数遇到 YUI3 封装机制

当构造函数遇到 YUI3 封装机制

来源:程序员人生   发布时间:2014-02-01 22:54:38 阅读次数:4020次
/*
* 构造确认操作对话框
* @constructor ConfirmBox
*/

var ConfirmBox, confirmOff, confirmDel;

ConfirmBox = function(msg, url){

this.msg = msg;
this.url = url;

};

ConfirmBox.prototype.fire = function(e){

var message = confirm(this.msg);

if(message){

window.location.href = this.url;

}
};

/*
* 确定下架此楼盘?
* @instance confirmOff
*/
confirmOff = new ConfirmBox('确定下架此楼盘?', config.offUrl);

if(Y.all('.sale-off')){
Y.on('click', confirmOff.fire, '.sale-off', confirmOff);
}

由于 YUI3 的封装机制,通过 Y.on 注册事件默认上下文环境都是 Y 对象。而在 JavaScript 构造函数中,其原型方法调用 this 时指向的是实例化的对象本身,如果不将 context 重置为实例本身,就挂了。如果没重置,console.log this.msg 属性就是下面这个情况鸟:

当构造函数遇到 YUI3 封装机制

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生