前言
關于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”

復制代碼 代碼如下:

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

復制代碼 代碼如下:

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

復制代碼 代碼如下:

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

復制代碼 代碼如下:

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

復制代碼 代碼如下:

function onclick() {
    demo();
}