码迷,mamicode.com
首页 > 其他好文 > 详细

有关this,4种调用模式小例子

时间:2017-01-25 01:02:43      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:var   man   调用   asc   getname   round   ext   方法   doctype   

 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种调用模式小例子

标签:var   man   调用   asc   getname   round   ext   方法   doctype   

原文地址:http://www.cnblogs.com/concentration-web/p/6348088.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!