JavaScript中this的用法步骤

关于JavaScript中this的用法网络中已经有较多比较详尽的介绍，可以参考本文的参考学习资料和网络。本文结合网络收集整理，尝试以一种简易的方式阐述JavaScript中this的用法，希望对大家关于JavaScript中this用法的快速理解有所帮助。

1. this用法实例

复制代码 代码如下:

r = “red”;

var o = { color: “blue” };

function sayColor(){

alert(r);

}

sayColor(); //”red”

olor = sayColor;

olor(); //”blue”

2. this用法简易理解

this指向哪里：

this运行的环境（the context object），或者简单理解为：this所在函数被调用时的当前作用域。

一段实例代码立刻明白：

复制代码 代码如下:

var fun = function() {

(this);

}

fun();// console: window，fun 的执行context为window，即this所在函数（fun()）被调用时的当前作用域为window。

new fun();//console: fun，fun 的执行context为fun对象内，即this所在函数（fun()）被调用时的'当前作用域为fun对象内。

3. this用法的一个特殊情况

（1）情况：

复制代码 代码如下:

function demo() {

e = om();

}

点击这个button之后，你会发现按钮的value值没有改变。

原因：在本代码运行的情况下this指向的是window对象。

复制代码 代码如下:

var button = lementById("aButton");

function demo() {

e = om();

}

ick= demo;

点击这个button之后，程序可正常执行。

（2）原因解释：

复制代码 代码如下:

var button = lementById("aButton");

function demo() {

e = om();

}

ick= demo;

alert(ick);

得到的输出是：

复制代码 代码如下:

function demo() {

e = om();

}

复制代码 代码如下:

var button = lementById("aButton");

function demo() {

e = om();

}

alert(ick);

得到的输出是：

复制代码 代码如下:

function onclick() {

demo();

}