javascript 中 this 对象

最新推荐文章于 2024-11-03 16:40:52 发布

jerryisme

最新推荐文章于 2024-11-03 16:40:52 发布

阅读量366

点赞数

分类专栏： javascript 文章标签： javascript JavaScript Javascript javaScript web Web WEB

本文链接：https://blog.csdn.net/jerryisme/article/details/8394054

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

函数内部有两个特殊的对象，一个是arguments 另一个是特殊的对象是this，跟java中的this大致类似。换句话说，this引用的是函数据以执行的的环境对象（函数的执行环境对象，每个函数都有自己的执行环境）当在网页的全局作用域中调用函数时，this对象引用的就是window对象。

看如下一个例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test javascript this </title>

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

o.sayColor();
</script>
</head>
<body>

</body>
</html>

上面这个例子的函数sayColor() 是在全局作用域中定义的，它引用了this对象。由于在调用函数之前，this的值并不确定.因此this可能会在代码执行过程中引用不同对象。当在全局作用域中调用sayColor()时，this引用的是全局对象window；换句话说，对this.color 求值会转换成对window.color求值，于是结果就返回了“red”。而当把这个函数赋给对象o并调用o.sayColor()时，this引用的是对象o，因此对this.color求值会转换成对o.color求值，结果就返回了“blue”。

什么是函数执行环境？

执行环境(execution context，为简单起见，有时也称为“环境”)，是javaScript中非常重要的一个概念，执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。