JavaScript 中 this 關(guān)鍵字

2021-9-23    前端達(dá)人

this是什么 

一般情況下,this 指向調(diào)用他們的那個(gè)對(duì)象 ,也就是說誰調(diào)用就指向誰。

在全局作用域下 this指向誰 window

console.log(this);

普通函數(shù)里面 this 指向 window


  1. function fn() {
  2. console.log(this);
  3. };
  4. fn();

定時(shí)器里面的 this 指向 window


  1. window.setTimeout(function() {
  2. console.log(this);
  3. }, 3000);

對(duì)象的方法里面的this指向這個(gè)對(duì)象


  1. var idol = {
  2. myname: '某某某',
  3. age: '18歲',
  4. sex: '女',
  5. skill: function() {
  6. console.log(this);
  7. }
  8. };
  9. idol.skill()

給指定元素綁定事件,this指向事件綁定者 btn


  1. var btn = document.querySelector('button');
  2. // btn.addEventListener('click', function() {
  3. // console.log(this);
  4. // });
  5. btn.onclick = function() {
  6. console.log(this);
  7. };

構(gòu)造函數(shù)里面的this指向?qū)ο蟮膶?shí)例化 構(gòu)造函數(shù)在調(diào)用的時(shí)候 使用new


  1. function Fun() {
  2. console.log(this);
  3. }
  4. var fun = new Fun();
  5. fun.uname = 'Jack';
  6. fun.age = '18歲';
  7. fun.sex = '男';
  8. console.log(fun)








藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

轉(zhuǎn)自:csdn
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔