当前位置：Gxlcms > JavaScript > 5分钟理解JavaScript中this用法分享_javascript技巧

5分钟理解JavaScript中this用法分享_javascript技巧

时间：2021-07-01 10:21:17 帮助过：7人阅读

前言
关于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运行的环境（the context object），或者简单理解为：this所在函数被调用时的当前作用域。
一段实例代码立刻明白：

代码如下:

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对象内。 

3. this用法的一个特殊情况
（1）情况：

代码如下:

输出是：

代码如下:

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

代码如下:

输出是：

代码如下:

function onclick() { 
    demo(); 
}

5分钟理解JavaScript中this用法分享_javascript技巧

人气教程排行