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

发布时间：2018-09-16 06:07:23 所属栏目：模式来源：站长网

导读：Copy to Clipboard 引用的内容：[www.veryhuo.com]/* * 构造确认操作对话框 * @constructor ConfirmBox */ var ConfirmBox, confirmOff, confirmDel; ConfirmBox = function(msg, url){ this.msg = msg; this.url = url; }; ConfirmBox.prototype.fire = f

Copy to Clipboard Liehuo.Net Codes

引用的内容：[www.veryhuo.com] /*
* 构造确认操作对话框
* @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 封装机制

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!