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();
}
您可能感興趣的文章:
- Javascript this關鍵字使用分析
- javascript this用法小結
- 改變javascript函數內部this指針指向的三種方法
- javascript深入理解js閉包
- JavaScript 匿名函數(anonymous function)與閉包(closure)
- JavaScript閉包 懂不懂由你反正我是懂了
- JavaScript中的作用域鏈和閉包
- Javascript對象中關于setTimeout和setInterval的this介紹
- javascript中onclick(this)用法介紹
- Javascript之this關鍵字深入解析
- javascript閉包傳參和事件的循環(huán)綁定示例探討
- 教你如何使用firebug調試功能了解javascript閉包和this
相關文章
uniapp小程序使用高德地圖api實現路線規(guī)劃的示例代碼
路線規(guī)劃常用于出行路線的提前預覽,我們提供4種類型的路線規(guī)劃,分別為:駕車、步行、公交和騎行,滿足各種的出行場景,這篇文章主要介紹了uniapp小程序使用高德地圖api實現路線規(guī)劃,需要的朋友可以參考下2023-01-01