<!doctype html> <html> <head> <title>标题</title> <meta charset="utf-8"> </head> <body> <button id="btn1">click me1</button> <button id="btn2">click me2</button> <button id="btn3">click lilei</button> <script> // function fun(){ // console.log(this.name); // } // var lilei={name:"Li Lei"}; // lilei.fun=fun; // var hmm={name:"Han Meimei"}; // hmm.fun=fun; // lilei.fun();//this->lilei // hmm.fun();//this->hmm // fun();//this->window // var lilei={ // name:"Li Lei", // fun:function(){ // console.log(this.name); // } // } // var fun=lilei.fun; // fun();//"" // lilei.fun();lilei // function fun(){ // console.log(this.name); // } // var lilei={name:"Li Lei"}; // var hmm={name:"Han Meimei"}; // fun.call(lilei);//this->lilei // //lilei.fun(); // fun.call(hmm);//this->hmm // fun.call();//this->window // var lilei_fun=fun.bind(lilei); /* function fun(){ alert(this.id); } btn1.addEventListener( "click",fun );//btn1.οnclick=fun; //btn1.onclick();//this->btn1 btn2.addEventListener( "click",fun );//btn2.onclick(); */ var lilei={ name:"lilei", init:function(){//this->lilei var me=this;//留住this btn3.addEventListener( "click",function(e){//this->btn3 alert("我是"+this.name+ //lilei "您点的是"+e.target.id); //btn3 console.log(e.target); }.bind(this) ); } } lilei.init(); // setInterval(function(){ // console.log(this); // }.bind(obj),1000); </script> </body> </html>
es6bindthis作用
最新推荐文章于 2023-03-08 19:34:38 发布