首页 > 代码库 > 有关this,4种调用模式小例子
有关this,4种调用模式小例子
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>testFun1_this</title> 6 </head> 7 <body> 8 9 </body> 10 </html> 11 <script type="text/javascript"> 12 window.name = "Tommy"; //window定义一个name 即 var name = "Tommy" 13 var foo = function(){ 14 console.log(this.name);// Tommy this绑定指向 window 15 } 16 foo();//Tommy 不是对象属性,this是绑定到window 即window.foo(); 17 18 var man ={ 19 name: "Jason", 20 sayName: function(){ 21 console.log(this.name);// Jason this绑定指向 man 22 } 23 }; 24 25 man.sayName();//Jason sayName是函数是对象属性,即对象man的方法,this绑定指向man,所以this.name是 Jason 26 27 foo.apply(man);//Jason 设定this绑定指向 man,即foo应用在man对象上,foo中的this.name即man中的Jason 28 29 var GetName = function(name){ 30 this.name = name; 31 } 32 var student = new GetName("Mike"); 33 console.log(student.name);//Mike this绑定到新建的对象student this.name 即 Mike 34 35 36 </script>
有关this,4种调用模式小例子
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。