亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

5分鐘理解JavaScript中this用法分享

 更新時間:2013年11月09日 15:15:41   作者:  
這篇文章介紹了5分鐘理解JavaScript中this用法,有需要的朋友可以參考一下

前言
關于JavaScript中this的用法網絡中已經有較多比較詳盡的介紹,可以參考本文的參考學習資料和網絡。本文結合網絡收集整理,嘗試以一種簡易的方式闡述JavaScript中this的用法,希望對大家關于JavaScript中this用法的快速理解有所幫助。
正文
1. this用法實例

復制代碼 代碼如下:

window.color = “red”;
var o = { color: “blue” };
function sayColor(){
    alert(this.color);
}
sayColor(); //”red”
o.sayColor = sayColor;
o.sayColor(); //”blue”

2. this用法簡易理解
this指向哪里:
this運行的環(huán)境(the context object),或者簡單理解為:this所在函數被調用時的當前作用域。
一段實例代碼立刻明白:
復制代碼 代碼如下:

var fun = function() {
    console.log(this);
}
fun();// console: window,fun 的執(zhí)行context為window,即this所在函數(fun())被調用時的當前作用域為window。
new fun();//console: fun,fun 的執(zhí)行context為fun對象內,即this所在函數(fun())被調用時的當前作用域為fun對象內。

3. this用法的一個特殊情況
(1)情況:
復制代碼 代碼如下:

<input type="button" id="aButton" value="demo" onclick="demo()" />
<script type="text/javascript">
function demo() {
    this.value = Math.random();
}
</script>

點擊這個button之后,你會發(fā)現按鈕的value值沒有改變。
原因:在本代碼運行的情況下this指向的是window對象。
復制代碼 代碼如下:

<input type="button" id="aButton" value="demo" />
<script type="text/javascript">
var button = document.getElementById("aButton");
function demo() {
    this.value = Math.random();
}
button.onclick= demo;
</script>

點擊這個button之后,程序可正常執(zhí)行。
(2)原因解釋:
復制代碼 代碼如下:

<input type="button" id="aButton" value="demo" />
<script type="text/javascript">
var button = document.getElementById("aButton");
function demo() {
    this.value = Math.random();
}
button.onclick= demo;
alert(button.onclick);
</script>

得到的輸出是:
復制代碼 代碼如下:

function demo() {
    this.value = Math.random();
}


復制代碼 代碼如下:

<input type="button" id="aButton" value="demo" onclick="demo()" />
<script type="text/javascript">
var button = document.getElementById("aButton");
function demo() {
    this.value = Math.random();
}
alert(button.onclick);
</script>

得到的輸出是:
復制代碼 代碼如下:

function onclick() {
    demo();
}

相關文章

  • fetch 使用及如何接收JS傳值

    fetch 使用及如何接收JS傳值

    這篇文章主和要介紹了fetch 使用及如何接收JS傳值,文中給大家提到了fetch基本使用方式和接收js傳值的使用方式,需要的朋友可以參考下
    2017-11-11
  • ES6知識點整理之函數對象參數默認值及其解構應用示例

    ES6知識點整理之函數對象參數默認值及其解構應用示例

    這篇文章主要介紹了ES6知識點整理之函數對象參數默認值及其解構應用,結合實例形式分析了ES6函數對象參數相關使用技巧,需要的朋友可以參考下
    2019-04-04
  • node.js Web應用框架Express入門指南

    node.js Web應用框架Express入門指南

    這篇文章主要介紹了node.js Web應用框架Express入門指南,從安裝到各種技術的應用,都進行了講解,是一篇不錯的Express入門教程,需要的朋友可以參考下
    2014-05-05
  • javascript實現京東登錄顯示隱藏密碼

    javascript實現京東登錄顯示隱藏密碼

    這篇文章主要為大家詳細介紹了javascript實現京東登錄顯示隱藏密碼,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-08-08
  • js類的繼承定義與用法分析

    js類的繼承定義與用法分析

    這篇文章主要介紹了js類的繼承定義與用法,結合實例形式分析了javascript關于類的定義與繼承的相關使用技巧,需要的朋友可以參考下
    2019-06-06
  • JavaScript容錯例外處理

    JavaScript容錯例外處理

    程序開發(fā)中,編程人員經常要面對的是如何編寫代碼來響應錯誤事件的發(fā)生,即例外處理(exception handlers)。
    2008-06-06
  • uniapp小程序使用高德地圖api實現路線規(guī)劃的示例代碼

    uniapp小程序使用高德地圖api實現路線規(guī)劃的示例代碼

    路線規(guī)劃常用于出行路線的提前預覽,我們提供4種類型的路線規(guī)劃,分別為:駕車、步行、公交和騎行,滿足各種的出行場景,這篇文章主要介紹了uniapp小程序使用高德地圖api實現路線規(guī)劃,需要的朋友可以參考下
    2023-01-01
  • js數組去重的N種方法(小結)

    js數組去重的N種方法(小結)

    本文給大家收藏整理了js數組去重的n種方法,大家可以根據自己需要選擇比較好的方法,感興趣的朋友一起看看吧
    2018-06-06
  • js實現非常棒的彈出div

    js實現非常棒的彈出div

    這篇文章主要為大家詳細介紹了js實現非常棒的彈出div,具有一定的參考價值,感興趣的朋友可以參考一下
    2016-10-10
  • greenbrower用到的function.js代碼集合

    greenbrower用到的function.js代碼集合

    這篇文章給大家介紹了greenbrower用到的function.js代碼集合,感興趣的朋友一起看看吧
    2007-12-12

最新評論