this 的指向

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <script>
 9             //一、this 的含义
10             k = '678';
11             function fun(){
12                 var k= '89';
13                 console.log(this.k);
14             }
15             var o1 = {
16                 k:'123',
17                 f:fun,
18             }
19             var o2 = {
20                 k:'345',
21                 f:fun,
22             }
23             o1.f();
24             o2.f();
25             //this 运行在那个对象下就指向那个对象
26             
27             //二、范例
28             var o1 = {
29                 age:18,
30                 fun:function(){
31                     console.log(this.age)
32                 }
33             }
34             var o2 = {
35                 age:16,
36                 fun:o1.fun,
37             }
38             o2.fun();
39             //this 运行在那个对象下就指向那个对象 范例这段程序运行的结果是 o2,虽然这个this 写在了 o1 里面但是把它当作了一个值传到了 o2 里,
所以 o1 这个函数运行在了o2 里,这个 t his 最后指向的是o2。
40 </script> 41 </body> 42 </html>
posted @ 2022-09-09 20:56  鬼牛阿飞  阅读(13)  评论(0编辑  收藏  举报