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

this对象

时间:2019-10-30 18:12:30      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:who   script   形式   不同的   window   调用   输出   cal   概念   

一、js中的this不一定是自我;

案例一:

<script>
        function WhoAmI(){ // 定义一个函数WhoAmI
            alert("I‘m " +this.name+" of "+typeof(this));
        };   //此时this的根对象window,其name属性为空字符串。输出:I‘m of object 
        WhoAmI();
        var BillGates = {name:"Bill Gates"};
        BillGates.WhoAmI = WhoAmI;   //将函数WhoAmI作为BillGates的方法;
        BillGates.WhoAmI();   //this是BillGates.
                              //输出:I‘m Bill Gates of object
        var SteveJobs = {name:"Steve jobs"};
        SteveJobs.WhoAmI = WhoAmI;  //将函数WhoAmI作为SteveJobs的方法
        SteveJobs.WhoAmI();  //此时this是SteveJobs;
                             //输出:I‘m Steve jobs of object
        WhoAmI.call(BillGates);  //直接将BillGates作为this,调用WhoAMI.
                             //输出:I‘m Bill Gates of object
        WhoAmI.WhoAmI = WhoAmI; //将WhoAmI函数设置为自身的方法
        WhoAmI.name = "WhoAmI";
        WhoAmI.WhoAmI();   //此时的this是WhoAmI函数自己。输出:I‘m WhoAmI of function                      
        ({name:"nobody",WhoAmI:WhoAmI}).WhoAmI();  
        //创建一个匿名函数并调用其方法;输出:I‘m nobody of object
    </script>

注:1、从上面的代码看出,同一个函数可以从不同的角度来调用,this并不一定是函数本身所属的对象。this只是在任意对象和function元素结合时的一个概念,这种结合比起一般对象语言的默认结合更加灵活显得更加灵活和洒脱。

2、在js中,只能把this看成当前要服务的“这个”对象。this是一个特殊的内置参数,根据this参数,您可以访问到“这个”对象的属性和方法,但却不能给this参数赋值。在一般对象语言中,方法体代码中的this可以省略,成员默认都要首先是自己的,在js却不同,由于不存在“自我”,当访问“这个”对象时,this不可省略。

3、js提供了传递参数的多种形式和手段,其中,像BillGates.WhoAmI();这种形式是传递this参数最正规的形式;此时的this就是函数所属的对象本身。

this对象

标签:who   script   形式   不同的   window   调用   输出   cal   概念   

原文地址:https://www.cnblogs.com/bodichan/p/11766438.html

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