浏览器与独立 JS 文件运行同一代码，输出为何不同？

知识点掌握了，还需要不断练习才能熟练运用。下面golang学习网给大家带来一个文章开发实战，手把手教大家学习《浏览器与独立 JS 文件运行同一代码，输出为何不同？》，在实现功能的过程中也带大家重新温习相关知识点，温故而知新，回头看看说不定又有不一样的感悟！

一段代码执行时输出不同：浏览器与独立js文件差异解析

在编程中，相同的代码在不同的执行环境下可能会产生不同的结果，以下代码就是一个经典案例：

function foo() {
    console.log(this.a);
}

var a = 2;
foo();

浏览器运行

在这个环境下，这段代码将会输出：

2

这是因为在浏览器的 javascript 正常模式中，this关键字默认绑定到全局对象，而全局对象中有变量 a，值为 2。

独立js文件运行

但是，当我们把这段代码保存在一个独立的 js 文件中，然后使用 node.js 命令执行时，输出结果却是：

undefined

这是因为 node.js 默认会启用严格模式（strict mode）。在严格模式下，this关键字不再默认绑定到全局对象，而是绑定到函数的执行上下文。而这个函数没有执行上下文，因此输出为 undefined。

解决方法

为了使这段代码在 node.js 下也能输出 2，我们可以手动在函数中指定 this 的绑定对象：

function foo() {
    console.log(this.a);
}

var a = 2;
foo.call({ a: a });

这样，我们就明确指定了 this 绑定到 { a: a } 这个对象，从而保证输出与浏览器环境一致。

本篇关于《浏览器与独立 JS 文件运行同一代码，输出为何不同？》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！