zoukankan      html  css  js  c++  java
  • 有关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>
  • 相关阅读:
    登录注册页面切换
    LINUX系统日常使用命令
    find命令详解
    ssh命令详解
    tar命令详解
    route命令详解
    uname命令详解
    ps命令详解
    df命令详解
    virsh命令详解
  • 原文地址:https://www.cnblogs.com/concentration-web/p/6348088.html
Copyright © 2011-2022 走看看