一段代码执行时输出不同：浏览器与独立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 文件运行同一代码，输出为何不同？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2659007.html
