js中this是什么,如何改變this指向

js中this是什么
定義:this是包含它的函數(shù)作為方法被調(diào)用時(shí)所屬的對象
說明:1、包含它的函數(shù)2、作為方法被調(diào)用時(shí)3、所屬的對象
例1:

 function fu() {
            var a = 10
            console.log(this)//window
        }
        fu();
此時(shí)this的指向是window

例2:

var aa = {
            names: '張新苗',
            fu: function () {
                console.log(this)//此時(shí)this的指向是整個(gè)aa
                console.log(this.names);//張新苗  因?yàn)檫@個(gè)names在aa里
            }
        }
        aa.fu()//

如果一個(gè)函數(shù)中有this,這個(gè)對象被上一級對象調(diào)用,那么this就指向它的上一級對象

例3:

  var aa={
            names:'張新苗',
            bb:{
            //   names:'章繪繪',
              fu:function(){
                console.log(this)//此時(shí)this指向整個(gè)bb 
                console.log(this.names)//undefined  因?yàn)榇藭r(shí)整個(gè)bb里并沒有names所以是undefined 
              }  
            }
        }
        aa.bb.fu()

例5:

 var aa={
            names:'張新苗',
            bb:{
              names:'章繪繪',
              fu:function(){
                console.log(this)//此時(shí)this指向整個(gè)bb 
                console.log(this.names)//章繪繪 因?yàn)檫@個(gè)names在bb里
              }  
            }
        }
        aa.bb.fu()

例6:

  var aa={
            names:'張新苗',
            bb:{
              names:'章繪繪',
              fu:function(){
                console.log(this)//此時(shí)this指向window
                console.log(this.names)//undefined 因?yàn)閣indow里找不到這個(gè)names
              }  
            }
        }
      var cc=aa.bb.fu
      cc()

如和改變this指向

 var aa = '張玉芯'
        var obj = {
            aa: this.aa, //此時(shí)this是指外面的
            cc: '美女',
            dd: function (a, b) {
                console.log(`${this.aa}是個(gè)大${this.cc}而${a}更是個(gè)$`) //張雨芯是個(gè)大美女而undefined更是個(gè)undefined
            }
        }
        var newobj = {
            aa: '曹慧潔',
            cc: '美女'
        }
        obj.dd.call(newobj)//曹慧潔是個(gè)大美女而undefined更是個(gè)undefined
此時(shí)this指向已改變

改變this指向的方法

 var aa = '章繪繪'
        var obj = {
            aa: this.aa, //此時(shí)this是指外面的
            cc: '美女',
            dd: function (a, b) {
                console.log(`${this.aa}是個(gè)大${this.cc}而${a}更是個(gè)$`) //章繪繪是個(gè)大美女而undefined更是個(gè)undefined
            }
        }
        var newobj = {
            aa: '曹慧潔',
            cc: '美女'
        }
     obj.start.call(newobj, '張雨芯', '美女'); //xx.call(新指向,后面可以直接加參數(shù))   //曹慧潔是個(gè)大美女而張玉芯更是個(gè)美女
     obj.start.apply(newobj, ['張雨芯', '美女']); //xx.apply(新指向,后面跟的是數(shù)組)
     obj.start.bind(newobj, '張雨芯', '美女')(); //xx.apply(新指向,后面可以直接加參數(shù))()   再加一個(gè)自執(zhí)行
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對...
    cosWriter閱讀 11,619評論 1 32
  • 函數(shù)和對象 1、函數(shù) 1.1 函數(shù)概述 函數(shù)對于任何一門語言來說都是核心的概念。通過函數(shù)可以封裝任意多條語句,而且...
    道無虛閱讀 4,926評論 0 5
  • 1.概念 在JavaScript中,this 是指當(dāng)前函數(shù)中正在執(zhí)行的上下文環(huán)境,因?yàn)檫@門語言擁有四種不同的函數(shù)調(diào)...
    BluesCurry閱讀 1,236評論 0 2
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,663評論 0 4
  • 第3章 基本概念 3.1 語法 3.2 關(guān)鍵字和保留字 3.3 變量 3.4 數(shù)據(jù)類型 5種簡單數(shù)據(jù)類型:Unde...
    RickCole閱讀 5,489評論 0 21

友情鏈接更多精彩內(nèi)容