你不知道的js-行为委托

Posted lu0511

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了你不知道的js-行为委托相关的知识,希望对你有一定的参考价值。

1、面向委托的设计

2、委托理论

Task = {
    setID:function(ID) {this.id = ID;},
    outputID:function() {console.log(this.id)};
};
//让XYZ委托Task
XYZ = object.create(Task);

XYZ.prepareTask = function(ID,Label){
    this.setID(ID);
    this.label = Label;
}

XYZ.outputTaskDetails = function() {
    this.outputID();
    console.log(this.label);
}
//ABC = Object.create(Task);

 这段代码中,Task和XYZ并不是类(或者函数),它们是对象。XYZ通过Object.create()创建,它的[[Prototype]]委托了Task对象

相比于面向类(或者说面向对象),这种编码风格称为“对象关联”。我们真正关心的只是XYZ对象(和ABC对象)委托了Task对象

委托者(XYZ,ABC),委托目标(Task)

对象关联风格的代码有一些不同之处:

 1、id和label数据成员都是直接存储在XYZ上(而不是Task,)通常来说,在[[Prototype]]委托中最好把状态保存在委托者(XYZ,ABC)而不是委托目标(Task)上

2、在委托行为中,我们会尽量避免在[[Prototype]]链的不同级别中使用相同的命名

要求尽量少使用容易被重写的通用方法名,提倡使用更有描述性的方法名

委托行为意味着某些对象(XYZ)在找不到属性或者方法引用时会把这个请求委托给另一个对象(Task)

委托控件对象:

var Widget = {
    init: function(width,heeight){
        this.width = width || 50;
        this.height = height || 50;
        this.$elem = null
    },
    insert:function(){

    }
}
var Button = Object.create(Widget);
Button.setup = function(width,height,label){
    // 委托调用
    this.init(width,height);
    this.label = label || "default"
}
Button.build = function($where){
    this.insert();
}
Button.onClick = function(){

}
$(document).ready(function(){
    var $body = $(document.body);
    var btn1 = Object.create(Button);
    btn1.setup(125,30,"hello");
    btn1.build($body);
})

 

以上是关于你不知道的js-行为委托的主要内容,如果未能解决你的问题,请参考以下文章

读书笔记《你不知道的JavaScript(上卷)》——第二部分 this和对象原型

你不知道的JS系列上( 45 ) - 显式混入

你不知道的js-混合对象-类

《你不知道的JS(中卷)》混合对象“类”

js经常用到的代码片段

对“xxx”类型的已垃圾回收委托进行了回调。这可能会导致应用程序崩溃损坏和数据丢失。向非托管代码传递委托时,托管应用程序必须让这些委托保持活动状态,直到确信不会再次调用它们。 错误解决一例。(代码片段