this关键字在NodeJS和浏览器中有什么区别-创新互联

今天就跟大家聊聊有关this关键字在NodeJS和浏览器中有什么区别，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

公司主营业务：网站制作、网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出商南免费做网站回馈大家。

var type = 1
function toWhere(){
	this.type = 2;
}
toWhere();
console.log(type)

你们肯定会这样想：

这里声明了一个全局变量type，当执行type=1的时候，赋值为1。之后toWhere函数调用，看到函数中有this 就去判断this的指向，这里很清楚，this指向了window，this.type=2执行后，全局变量type就赋值为2了。

最后打印全局变量type 结果很明显是2。

打开浏览器验证一下，没问题 一个2明晃晃的在那里。

那么就这样结束了吗？

如果你学过node，现在用nodejs重新执行一下以上代码，你就发现了不一样的地方。

你现在发现 那个1怎么这么不对劲呢，不是等于2吗？

相关调试

从以上的例子可以看到，相同的js代码在浏览器中运行和在nodejs中运行结果变得不一样了。

这其实是因为this指向问题，但是这个指向和我们通常认知中的指向是不一样的。这个指向问题是由于node工作原理造成的

var type = 1
function toWhere() {
 this.type = 2
 console.log("函数中this指向",this)
}
toWhere()
console.log(type)
console.log("全局中this",this)

1、打印浏览器中的this

函数中this指向了window，而全局的this也是指向了window

2、打印nodeJs中的this

发现了吧。函数中的this指向了Object [global]。

当我们给函数this赋值时，其实它挂靠在global对象上。所以它不会去改变全局中this的值

Node原理解析

那么看看为什么会这样

首先我们得去了解nodeJs的工作原理

浏览器直接在全局范围执行的脚本文件

而在Node中，Node将代码隐藏在一个立即被调用的匿名函数，你可以使用global来访问全局范围

在之前的解释中，我们会发现在外部打印的一个this，它指向了一个空对象{}，其实在node中运行的任何文件其实都被包裹在一个{}中，所以脚本文件都在自己的闭包中执行, 类似于下面这样

{
	(function(){
		//脚本文件
	})()
}

在之前的例子中，函数的外面this指向的是一个空对象{}，而在函数内部的this没有指定的执行上下文，所以它指向了global对象-（可以访问该匿名函数执行上下文的全局范围）

看完上述内容，你们对this关键字在NodeJS和浏览器中有什么区别有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。

网站栏目：this关键字在NodeJS和浏览器中有什么区别-创新互联
分享网址：http://cdxtjz.cn/article/diejdi.html