关于JS中的this关键字

阮一峰大神说:它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。

  this关键字虽然会根据环境变化,但是它始终指向的是调用当前函数的那个对象。在JS中调用函数的模式可以分为4种:

  1、方法调用模式

    当函数被保存为一个对象的属性时,它就可以称为这个对象的方法。当一个方法被调用时,this被绑定到这个对象上。如果调用表达式包含一个提取属性的动作(.或[]),那么他被称为方法调用。例如:

    var name="window";

    var object={

      name:"北落";

      sayName:function(){

        console.log(this.name);

      }

    }

    object.sayName();  /*北落*/

    sayName函数作为对象object的方法调用,所以函数体中的this代表object对象。

  2、函数调用模式

    当一个函数并非一个对象的属性时,那么它就是被当作函数来调用的。在此种模式下,this被绑定为全局对象,在浏览器环境下就是window对象。例如:

    var name="北落";

    function sayName(){

      console.log(this.name);

    }

    sayName();  /*北落*/

    sayName以函数模式调用,所以函数体中的this指向的是window对象。

  3、构造函数模式

    如果在一个函数前面加上new关键字来调用,那么就会创建一个连接到该函数的prototype成员的新对象,同时,this会被绑定到这个新对象上。这种情况下,这个函数就可以成为此对象的构造函数。例如:

    function object(){

      this.name="北落";

    }

    var person=new object();

    console.log(person.name);

    object作为构造函数被调用,函数体内的this被绑定为新创建的对象person。

  4、apply调用模式

    在JS中,所有函数也是对象,所有函数对象都有两个方法:apply和call,这两个方法可以让我们构建一个参数数组传递给调用函数,也允许我们改变this的指向。例如:

    var name="北落";

    var person={

      name:"南落";

    };

    function sayName(){

      console.log(this.name);

    }

    sayName();  /*北落*/

    sayName.apply(person);  /*南落*/

    sayName.apply();  /*北落*/

    当以函数调用模式调用sayName时,this代表window;当用apply模式调用sayName,并给它传入的第一个参数为person时,this被绑定到person对象上。如果不给apply传入任何参数,则this代表window。

时间: 2024-10-10 23:17:37

关于JS中的this关键字的相关文章

浅谈js中的this关键字

浅谈js中的this关键字 全局作用域中的this 函数作用域中的this 不同函数调用方法下的this 直接调用 作为对象的方法调用 作为构造函数调用 通过call或apply方法调用 嵌套函数作用域中的this 浅谈js中的this关键字 this是JavaScript中的关键字之一,在编写程序的时候经常会用到,正确的理解和使用关键字this尤为重要.接下来,笔者就从作用域的角度粗谈下自己对this关键字的理解,希望能给到大家一些启示,权当交流之用. 全局作用域中的this 本文将以作用域由

JS中的this关键字解剖

在开发的各类语言中都会有 this 关键字,this 看起来很简单,但是在不同的地方代表的意义就不一样了,很 容易混淆.做过Java的同道中人都会遇到一个这样的问题,在一个类中的this,在类的方法中代表的是该类的实例对 象,但是遇到匿名内部类就麻烦了,此时的this代表的是所属类的实例对象.在JavaScript中this变量是一个令人难 以摸清的关键字,this可谓是非常强大,充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能 够游刃有余,那就更难理解了,因为我

js中的this关键字详解[转]

本文实例分析了JavaScript中this的用法.分享给大家供大家参考,具体如下: 一."this"公理 this关键字永远都指向函数(方法)的所有者: ? 1 2 3 4 5 6 7 8 9 function fn1(){   this }; fn1(); //this=>window oDiv.onclick=fn1; //this=>oDiv oDiv.onclick=function(){   this //this=>oDiv   fn1(); //thi

js中的this关键字

this是Javascript语言的一个关键字它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用,下面分四种情况,详细讨论this的用法 this是Javascript语言的一个关键字. 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比如, 复制代码代码如下: function test(){ this.x = 1; } 随着函数使用场合的不同,this的值会发生变化.但是有一个总的原则,那就是this指的是,调用函数的那个对象. 下面分四种情况,详细讨论this的用法

js中的this关键字详解

this是Javascript语言的一个关键字. 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比如, 复制代码 代码如下: function test(){ this.x = 1; } 随着函数使用场合的不同,this的值会发生变化.但是有一个总的原则,那就是this指的是,调用函数的那个对象. 下面分四种情况,详细讨论this的用法. 情况一:纯粹的函数调用 这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global. 请看下面这段代码,它的运行结果是1.

js中的new关键字都干了些什么?

new 操作符 在有上面的基础概念的介绍之后,在加上new操作符,我们就能完成传统面向对象的class + new的方式创建对象,在javascript中,我们将这类方式成为Pseudoclassical.基于上面的例子,我们执行如下代码   var obj = new Base(); 这样代码的结果是什么,我们在Javascript引擎中看到的对象模型是: new操作符具体干了什么呢?其实很简单,就干了三件事情. var obj  = {}; obj.__proto__ = Base.prot

JS中精选this关键字的指向规律你记住了吗

1.首先要明确: 谁最终调用函数,this指向谁 this指向的永远只可能是对象!!!!! this指向谁永远不取决于this写在哪,而取决于函数在哪里调用! this指向的对象,我们称之为函数的上下文context,也叫做函数的调用者是谁! 2.this指向的规律(与函数调用的方式息息相关) this指向的情况取决于函数调用的方式有哪些(总结如下): 2.1.通过函数名()直接调用--this 指向window: function func(){ console.log(this); }  f

理解javascript中的with关键字

说起js中的with关键字,很多小伙伴们的第一印象可能就是with关键字的作用在于改变作用域,然后最关键的一点是不推荐使用with关键字.听到不推荐with关键字后,我们很多人都会忽略掉with关键字,认为不要去管它用它就可以了.但是有时候,我们在看一些代码或者面试题的时候,其中会有with关键字的相关问题,很多坑是你没接触过的,所以还是有必要说说with这一个关键字. 一.基本说明 在js高级程序设计中是这样描述with关键字的:with语句的作用是将代码的作用域设置到一个特定的作用域中,基本

JS中----this的指向和如何修改this的指向

this this是js中的一个关键字,函数运行时自动生成的一个内部对象,只能在函数内部使用.我们要讨论的是 this 的指向. this就是函数运行时自动生成的一个内部对象 下面介绍一下几种情况下,this的指向 1.全局环境 全局环境下,this就代表window对象.(针对web 应用来讲) var name = 'zhar'; function say(){ console.log(this.name);//zhar } say(); 同样,在 setTimeout 或 setInter