this的最基本五種指向

<script>
/*
* this 指向<調(diào)用>該<函數(shù)>的那個(gè)<對(duì)象>
*
*
* 場(chǎng)景1:
* 直接調(diào)用 普通函數(shù)
* this 指向 window,因?yàn)槟J(rèn)是 window 調(diào)用該函數(shù)
*
* 場(chǎng)景2:
* 事件處理函數(shù)
* this 指向 觸發(fā)事件處理函數(shù)的那個(gè)事件源 對(duì)象
*
* 場(chǎng)景3:
* 對(duì)象方法
* this 指向調(diào)用該方法(函數(shù))的對(duì)象
*
* 場(chǎng)景4:
* 定時(shí)器內(nèi)的回調(diào)函數(shù)
* this 指向 window 對(duì)象,因?yàn)槎〞r(shí)器是 window對(duì)象下的一個(gè)方法而已
*
* 場(chǎng)景5:
* 構(gòu)造函數(shù)內(nèi)部的this
* this 指向當(dāng)前構(gòu)造函數(shù)實(shí)例對(duì)象
*
*
* */

/* 場(chǎng)景1:普通函數(shù) */
// function fn() {
//     console.log(this);    //  this === window
// }
// fn();

/* 場(chǎng)景2:事件處理函數(shù) */
// var btn = document.getElementById('btn');
// btn.onclick = function () {
//     console.log(this);         // this === btn
// };

/* 場(chǎng)景3:對(duì)象的函數(shù) */
// var obj = {
//     name: '李狗蛋',
//     age: 18,
//     sayHi : function () {
//         console.log(this);     // this === obj
//     }
// };
// obj.sayHi();

/* 場(chǎng)景4:定時(shí)器回調(diào)函數(shù) */
// var timer = window.setInterval(function () {
//     console.log(this);        // this === window
// },1000)

/* 場(chǎng)景5:構(gòu)造函數(shù) */
function Person(name) {
    this.name = name;
    console.log(this);     // this 指向?qū)嵗龑?duì)象,實(shí)例對(duì)象還沒賦值給變量,所以判斷不了
}

var p1 = new Person('小明');

</script>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • 1.概念 在JavaScript中,this 是指當(dāng)前函數(shù)中正在執(zhí)行的上下文環(huán)境,因?yàn)檫@門語(yǔ)言擁有四種不同的函數(shù)調(diào)...
    BluesCurry閱讀 1,236評(píng)論 0 2
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對(duì)...
    cosWriter閱讀 11,626評(píng)論 1 32
  • 第3章 基本概念 3.1 語(yǔ)法 3.2 關(guān)鍵字和保留字 3.3 變量 3.4 數(shù)據(jù)類型 5種簡(jiǎn)單數(shù)據(jù)類型:Unde...
    RickCole閱讀 5,502評(píng)論 0 21
  • 概要 64學(xué)時(shí) 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,799評(píng)論 0 3
  • 寫作有秘籍嗎?就像降龍十八掌,九陰真經(jīng)那樣的秘籍?當(dāng)然有。 1. 作為天生的文科愛好者,作文一直以來(lái)都是我的強(qiáng)項(xiàng)。...
    翩躚淺淺閱讀 651評(píng)論 4 14

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