首页 > 试题广场 >

以上 JavaScript 代码执行后，浏览器 alert

[单选题]

var color = 'green';
var test4399 = {
    color: 'blue',
    getColor: function(){
        var color = "red";
        alert(this.color);
    }
}
var getColor = test4399.getColor;
getColor();
test4399.getColor();

以上 JavaScript 代码执行后，浏览器 alert 出来的结果分别是

```
undefined,red
```
```
green,blue
```
```
undefined,blue
```
```
green,undefined
```
```
blued,undefined
```

查看答案及解析

推荐

凯撒12345

B
1.getColor() var getColor = test4399.getColor;即var getColor = function(){var color = "red";alert(this.color);};执行getColor()函数时this指向的window，因为window.color为green，所以弹出green
2.test4399.getColor(),此时this指向的是test4399，test4399.color为blue，所以弹出blue

编辑于 2017-03-19 12:06:12 回复(6)

bigding

知识点一:js函数调用时加括号和不加括号的区别.不加括号相当于把函数代码赋给等号左边,加括号是把函数返回值赋给等号左边.参考https://www.zhihu.com/question/31044040

知识点二:js中this的用法,this总是指向调用它的对象,倒数第二行的getColor为windows调用的,倒数第一行的getColor是test4399对象调用的.参考http://www.cnblogs.com/painsOnline/p/5102359.html

发表于 2017-03-04 13:16:01 回复(8)

Miss coder

getColor();相当于普通的函数调用，此时this指向window，this.color应该为全局变量的值

test4399.getColor();此时this指向调用函数的对象test4399，因此this.color应该为对象的属性值

发表于 2016-12-26 21:43:31 回复(0)

肉哥爱学习

发表于 2017-07-05 00:32:20 回复(1)

彳亍☂y--☜

这题的重点只是this关键字的用法，指向运行时的对象，而不是定义时的对象，表示函数的运行时。作为总结： 1、函数作为对象的方法被调用，this指向调用者！ 2、用于构造函数，this指向新对象 3、ES6的箭头函数，箭头函数不会创造块作用域，无法生成一个独立的环境，this指向上层的this

发表于 2017-05-17 01:05:35 回复(0)

谁从微毫见参天

全局作用域（window）下有一个属性color=green,一个方法function(){var color = "red";alert(this.color);}

对象test4399有一个属性color=red,一个方法function(){var color = "red";alert(this.color);}

window.getColor();//调用window对象的方法，输出的时window对象的color属性

test4399.getColor();//调用test4399对象的方法，输出的时test4399对象的color属性

注意：函数内部的 var color = "red" 语句只是声明了一个变量，并不是window / test4399 对象的属性。

发表于 2019-04-03 10:51:45 回复(2)

XTY_C

记住一点。this始终指向调用它的对象就行了

发表于 2018-09-10 20:56:13 回复(1)

天蝎座银桑

很多人迷茫为什么red没有把green覆盖，因为用了var是局部变量，如果没有用才会向上寻找color赋值。this指向window所以与red扯不上

发表于 2017-05-24 12:21:20 回复(0)

offeroffer快看我

如果alert里的this取消掉，变成alert(color)，结果将是两个red

发表于 2019-03-13 11:26:29 回复(0)

Urahara喜助

1. var getColor = test4399.getColor;

这句话中，test4399.getColor代表的是test4399对象里的方法getColor(). 而且等号左边的getColor是个全局变量，所以执行完这句话之后，变成全局函数getColor()。所以，this指向全局变量color，即green。

2. test4399.getColor();

最后一句话，注意，是带括号的，所以意思是执行test4399对象里的方法getColor()。所以，此时的this指向的是对象test4399，而test4399的color是blue，所以第二次打印的是blue。

■this的用法：

在方法中，this 表示该方法所属的对象。
如果单独使用，this 表示全局对象。
在函数中，this 表示全局对象。
在函数中，在严格模式下，this 是未定义的(undefined)。
在事件中，this 表示接收事件的元素。
类似 call() 和 apply() 方法可以将 this 引用到任何对象。

摘自菜鸟教程

编辑于 2021-07-26 23:02:46 回复(0)

似梦南笙

注意第一行声明的时候是

var color - 'green';

声明就报错了好吧。题有问题。

发表于 2022-01-20 10:29:47 回复(0)

EVA·norma

就我看到的第一行是var color - 'green'??

发表于 2021-11-23 17:16:00 回复(0)

牛客366910593号

不应该是C吗，var color - 'green';这是个减号好吧，不是复制号

发表于 2021-10-22 17:24:06 回复(1)

梦境の彼方

this永远指向最后调用它的对象，跟this定义的位置无关。

发表于 2019-10-02 19:08:14 回复(0)

陈陈201903181647449

getColor与test4399.getColor指向同一个函数，直接执行getColor（）相当于在全局环境执行该函数，this代表全局，故第一次结果为green；

执行test4399.getColor（）相当于test4399对象调用函数getColor（），里面this指test4399对象，故结果为blue。

发表于 2019-03-26 19:11:39 回复(0)

snoe

在进行验证时如果在<script></script>标签之间添加window.onload=function(){////////},'//////'表示此题的代码，则结果为undefined,blue,此时

var getColor=function(){

var color='red';

alert(this.color); //此处this指向window，而color='green'设置在window.onload这个函数中，故green不是window.color,而window.color没有定义，故打印出来是undefined.

}

这是我犯的一个小错误，，

发表于 2017-03-19 08:57:05 回复(0)

番茄鸡蛋面

跟es6的箭头函数弄混了

发表于 2017-03-06 19:03:19 回复(0)

即墨清和

题目给出的代码大致如下： ```js var color = 'green'; var test4399 = { color: 'blue', getColor: function() { var color = 'red'; alert(this.color); } }; var getColor = test4399.getColor; getColor(); // 第一次调用 test4399.getColor(); // 第二次调用 ``` 执行后弹出的结果是 **green, blue**。为什么会这样？ --- ## 1. 第一次调用：`getColor()` ```js var getColor = test4399.getColor; getColor(); ``` 1. `var getColor = test4399.getColor;` 这一步相当于把 `test4399.getColor` 函数“单独”拿出来赋值给变量 `getColor`。 2. `getColor();` 在**非严格模式**（默认情况下）的 JavaScript 中，函数**直接调用**时，`this` 会指向 **全局对象**（浏览器环境下即 `window`）。因此，这里的 `this` 不再是 `test4399` 对象，而是 **全局对象 `window`**。所以 `this.color` 就相当于 `window.color`。 3. 我们在最开头有 `var color = 'green';`，这实际上相当于给全局对象 `window` 添加了一个 `color` 属性（`window.color = 'green'`）。 4. 因此，第一次调用得到的 `this.color` 就是 `'green'`。 --- ## 2. 第二次调用：`test4399.getColor()` ```js test4399.getColor(); ``` 1. 这次是以 `test4399` 对象的方法形式调用，即 `obj.method()`，那么调用时 `this` 就会绑定到 `test4399` 上。 2. `this.color` 自然就是 `test4399.color`。 3. 题目里 `test4399` 对象的 `color` 属性值是 `'blue'`。 4. 因此，第二次调用弹出的结果是 `'blue'`。 --- ## 3. 小结 - 第一次调用 `getColor()`（“脱离”了对象的调用）中，`this` 指向全局对象，所以弹出的是全局变量 `color` 的值 —— `'green'`。 - 第二次调用 `test4399.getColor()`（通过对象来调用），`this` 指向 `test4399` 对象本身，所以 `this.color` 是 `'blue'`。这就是为什么最终浏览器 alert 弹出的是 **“green, blue”**。

发表于 2024-12-27 22:29:03 回复(0)

牛客237251187号

this指向:谁调用指向谁，函数直接调用指向的是window也就是green 对象调用指向对象也就是blue

发表于 2022-05-29 09:44:43 回复(0)

焦糖瓜子201905291459594

this指向问题（this为了解决在对象内部的方法中使用对象内部属性）：

1、全局执行上下文 - 指向window

2、函数执行上下文 - 默认指向为window，严格模式下指向undefined

函数指向上下文中的this可以根据设置来调整执行上下文的this：

a、使用call/apply/bind方法进行强绑定调整

b、new Fn方法改变指向构建的函数

c、obj.fn 将this指向obj

3、eval执行上下文 - 调用者的执行环境对象

题目中的1、创建了一个新的全局变量赋值，此时的getColor方法是全局的方法，其this指向默认为window 即弹出window.color 为green

2、test4399.getColor() 方式调用，this的指向被调整指向了对象test4399，即弹出 test4399.color 为blue

发表于 2022-05-23 17:29:10 回复(0)

IamCoder-

this指向调用该函数的对象 getcolor（）相当于window.getcolor（） this指向window 这里输出green test4399.getcolor（） this指向test4399 这里输出green

发表于 2022-02-18 11:32:35 回复(0)

提交观点

问题信息

来自：4399公司2017秋...

上传者：牛100

难度：

78条回答 3989收藏 9919浏览

以上 JavaScript 代码执行后，浏览器 alert

问题信息

热门推荐

相关试题

以上 JavaScript 代码执行后， 浏览器 alert

问题信息

热门推荐

相关试题

以上 JavaScript 代码执行后，浏览器 alert