Javascript 对象的应用解决办法

Javascript 对象的应用

JScript code

    function Obj(fun){    var self = this;    var func = fun;    var obj = flag;    self.obj = '1';    function sayHello(){        var div = document.createElement("DIV");        div.style.width = '100px';        div.style.height = '100px';        div.style.background = '#0f0';        div.style.top =  (obj*100)+'px';        div.style.left = (obj*100)+'px';        div.style.position = 'absolute';        div.innerText = "obj:"+obj;        document.body.appendChild(div);        flag++;    }    self.sayHello = sayHello;    //func && func.apply(self);        /*    func && Jquery.proxy(function(){                             alert('a');                             func();                             }, self);    */    return self;        }    function c(){        function foo(){        setTimeout('self.sayHello()', 2000 );            }    new Obj(foo);    }

HTML code

<input type='button' value='Test' onclick="c()" />

我的问题是这样的：
Obj这个函数对象，当有实例化或无实例化（ps:无实例化：self指window，实例化后：self指当前Object）
现在我把它封装起来，然后对外预留几个函数接口、
那么这个接口要做呢？才可以实现在外面写的代码，然后在该实体内运行，能得到想要的效果？

如：

JScript code

function obj(cfg){    config = {        handler:function(){}    };    config['handler'] = cfg['handler'];    function init(){        // statments ...        config.handler();//在这里运行的代码是doHandler的代码        // 那么如何才做到在doHandler写的代码和这里写的代码运行后得到同样的效果？    }}function doHandler(){   // statments...}function click(){   new obj({handler:doHandler});}

[解决办法]

JScript code

function Obj(fun){    var self = this;    var func = fun;    var flag = 0;    //self.obj = '1';    function sayHello(){        var obj = flag;        var div = document.createElement("DIV");        div.style.width = '100px';        div.style.height = '100px';        div.style.background = '#0f0';        div.style.top =  (obj*100)+'px';        div.style.left = (obj*100)+'px';        div.style.position = 'absolute';        div.innerText = "obj:"+obj;        document.body.appendChild(div);        flag++;    }    //self.sayHello = sayHello;    func && func(sayHello);        /*    func && Jquery.proxy(function(){                             alert('a');                             func();                             }, self);    */    //return self;        }    function c(){        function foo(f){        var say = f;        setInterval(say, 2000);            }    new Obj(foo);    }
[解决办法]
apply
call
[解决办法]
我看楼主代码

你的想法是
  function foo(){
       setTimeout('self.sayHello()', 2000 );
      
   }
这个self能指向的是Obj中的self?
[解决办法]
function obj(cfg){
   config = {
       handler:function(){}
   };
   config['handler'] = cfg['handler'];
   function init(){
       // statments ...

       config.handler();//在这里运行的代码是doHandler的代码
       // 那么如何才做到在doHandler写的代码和这里写的代码运行后得到同样的效果？
       doHandler.call(this);
   }

}

function doHandler(){
  // statments...
}

function click(){
  new obj({handler:doHandler}); 
 
}
[解决办法]
探讨


引用:
我看楼主代码

你的想法是
function foo(){
setTimeout('self.sayHello()', 2000 );

}
这个self能指向的是Obj中的self?


可以这么说。

我是想在这个函数里声明该该函数及运用。
但函数体内容是在外面写的。

也可以理解为，这是对外预留的接口。
 

 

查看更多 下一篇