关于javascript 中的this 关键字的用法demo小代码

我会带着你远行 2022-08-06 07:24 175阅读 0赞

转载自                       ---------------->   http://www.cnblogs.com/justany/archive/2012/11/01/the\_keyword\_this\_in\_javascript.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"  
"http://www.w3.org/TR/html4/strict.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
        <title>this\_test</title>  
        <meta name="author" content="Administrator" />  
          
    </head>  
    <body>  
  
        <script type="text/javascript">  
            /\*  
             //demo\_partone  
             var name = "Bob";  
  
             var nameObj =  
             \{  
             name : "Tom",  
             showName : function()  
             \{  
             alert(this.name);  
             \},  
  
             waitShowName : function()  
             \{  
  
             setTimeout(this.showName, 1000);  
             \}  
  
             // 由于setTimeout 和setTimeout函数是通过window全局对象调用  
             // 所以得到结果位Bob  
             // 若要得到  Tom结果  
             // 这么写  
             // waitShowName : function()  
             // \{  
             // var that = this;  
             // setTimeout(function()  
             // \{  
             // that.setTimeout();  
             // \},1000);  
             // \}  
  
             \};  
  
             nameObj.waitShowName();  
             \*/  
  
            /\* demo\_parttwo  
  
             var someone =  
             \{  
             name : "Bob",  
             showName : function()  
             \{  
             alert(this.name);  
             \}  
             \};  
  
             var other =  
             \{  
             name : "Tom",  
  
             showName : someone.showName  
             \};  
  
             other.showName();  
             \*/  
  
            /\* demo\_partthree  
             var name = "Tom";  
  
             var Bob =  
             \{  
             name : "Bob",  
             show : function()  
             \{  
  
             alert(this.name);  
             \}  
             \};  
  
             var show = Bob.show;  
             show();  
             \*/  
            /\*  
  
             demo\_partfour  
             var name = "window";  
  
             var Bob =  
             \{  
             name : "Bob",  
  
             showName : function()  
             \{  
             alert(this.name);  
             \}  
             \};  
  
             var Tom =  
             \{  
             name : "Tom",  
             showName : function()  
             \{  
  
             var fun = Bob.showName;  
  
             fun();  
             \}  
             \};  
  
             Tom.showName();  
  
             \*/  
            /\*  
  
             //demo\_partfive  
             var name = "Bob";  
             var nameObj =  
             \{  
             name : "Tom",  
             showName : function()  
             \{  
             alert(this.name);  
             \},  
             waitShowName : function()  
             \{  
             var that = this;  
             setTimeout("that.showName();", 1000);  
             \}  
             \};  
  
             nameObj.waitShowName();  
             \*/  
            /\*  
             var fun = new Function("alert(this)");  
             fun();  
  
             \*/  
        </script>  
  
    </body>  
</html>  
  
\-===================================================\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* 这是一条分割线