Javascript的this用法簡述

    時(shí)間:2024-08-15 08:06:58 JavaScript 我要投稿
    • 相關(guān)推薦

    Javascript的this用法簡述

      Javascript中的this關(guān)鍵字要怎么用,它的用法有哪些?下面YJBYS小編為大家介紹如下!

      this是Javascript語言的一個關(guān)鍵字。

      它代表函數(shù)運(yùn)行時(shí),自動生成的一個內(nèi)部對象,只能在函數(shù)內(nèi)部使用。比如,

      function test(){

      this.x = 1;

      }

      隨著函數(shù)使用場合的不同,this的值會發(fā)生變化。但是有一個總的原則,那就是this指的是,調(diào)用函數(shù)的那個對象。

      下面分四種情況,詳細(xì)討論this的用法。

      情況一:純粹的函數(shù)調(diào)用

      這是函數(shù)的最通常用法,屬于全局性調(diào)用,因此this就代表全局對象Global。

      請看下面這段代碼,它的運(yùn)行結(jié)果是1。

      function test(){

      this.x = 1;

      alert(this.x);

      }

      test(); // 1

      為了證明this就是全局對象,我對代碼做一些改變:

      var x = 1;

      function test(){

      alert(this.x);

      }

      test(); // 1

      運(yùn)行結(jié)果還是1。再變一下:

      var x = 1;

      function test(){

      this.x = 0;

      }

      test();

      alert(x); //0

      情況二:作為對象方法的調(diào)用

      函數(shù)還可以作為某個對象的方法調(diào)用,這時(shí)this就指這個上級對象。

      function test(){

      alert(this.x);

      }

      var o = {};

      o.x = 1;

      o.m = test;

      o.m(); // 1

      情況三 作為構(gòu)造函數(shù)調(diào)用

      所謂構(gòu)造函數(shù),就是通過這個函數(shù)生成一個新對象(object)。這時(shí),this就指這個新對象。

      function test(){

      this.x = 1;

      }

      var o = new test();

      alert(o.x); // 1

      運(yùn)行結(jié)果為1。為了表明這時(shí)this不是全局對象,我對代碼做一些改變:

      var x = 2;

      function test(){

      this.x = 1;

      }

      var o = new test();

      alert(x); //2

      運(yùn)行結(jié)果為2,表明全局變量x的值根本沒變。

      情況四 apply調(diào)用

      apply()是函數(shù)對象的一個方法,它的作用是改變函數(shù)的調(diào)用對象,它的第一個參數(shù)就表示改變后的調(diào)用這個函數(shù)的對象。因此,this指的就是這第一個參數(shù)。

      var x = 0;

      function test(){

      alert(this.x);

      }

      var o={};

      o.x = 1;

      o.m = test;

      o.m.apply(); //0

      apply()的參數(shù)為空時(shí),默認(rèn)調(diào)用全局對象。因此,這時(shí)的運(yùn)行結(jié)果為0,證明this指的是全局對象。

      如果把最后一行代碼修改為:

      o.m.apply(o); //1

      運(yùn)行結(jié)果就變成了1,證明了這時(shí)this代表的是對象o。

    【Javascript的this用法簡述】相關(guān)文章:

    Javascript中typeof 用法歸納04-01

    javascript分析運(yùn)算符用法04-01

    Javascript函數(shù)的定義和用法分析03-31

    JavaScript中常見的字符串操作函數(shù)及用法07-24

    對javascript的理解03-29

    JavaScript的課堂講解03-31

    JavaScript 基礎(chǔ)教學(xué)04-01

    JavaScript學(xué)習(xí)筆記03-30

    常用的JavaScript模式03-10

    91久久大香伊蕉在人线_国产综合色产在线观看_欧美亚洲人成网站在线观看_亚洲第一无码精品立川理惠

      日韩激情视频激情国产 | 中文字幕人妖一区二区 | 中文字幕在线视频免费 | 中文字幕久热精品视频在线 | 婷婷丁香五月天综合资源网 | 亚洲国产精品露脸 |