node环境与浏览器环境有哪些区别

小编给大家分享一下node环境与浏览器环境有哪些区别，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

区别：1、node中this指向global，而浏览器中指向window；2、Node用Commonjs标准，而浏览器用ES Modules标准；3、浏览器中的js可以操作DOM，而node中不会；4、I/O读写操作不同；5、模块加载不同。

本教程操作环境：windows7系统、nodejs 12.19.0版，DELL G3电脑。

node环境与浏览器环境的区别

1、全局环境下this的指向

　　在node中this指向global而在浏览器中this指向window，这就是为什么underscore中一上来就定义了一 root；

 var root = typeof self == 'object' && self.self === self && self ||
       typeof global == 'object' && global.global === global && global ||
       this;

　而且在浏览器中的window下封装了不少的api 比如 alert 、document、location、history 等等还有很多。我们就不能在node环境中xxx();或window.xxx();了。因为这些API是浏览器级别的封装，纯javascript中是没有的。当然node中也提供了不少node特有的API。

2、模块标准

node.js 使用 CommonJS 模块系统，而在浏览器中我们开始看到正在实施的 ES Modules 标准。

在实践中，这意味着你暂时在 Node.js 中使用 require()，在浏览器中使用 import。

3、DOM操作

　　浏览器中的js大多数情况下是在直接或间接（一些虚拟DOM的库和框架）的操作DOM。因为浏览器中的代码主要是在表现层工作。但是node是一门服务端技术。没有一个前台页面，所以我门不会在node中操作DOM。

4、I/O读写

　　与浏览器不同，我们需要像其他服务端技术一样读写文件，nodejs提供了比较方便的组件。而浏览器（确保兼容性的）想在页面中直接打开一个本地的图片就麻烦了好多（别和我说这还不简单，相对路径。。。。。。试试就知道了要么找个库要么二进制流，要么上传上去有了网络地址在显示。不然人家为什么要搞一个js库呢），而这一切node都用一个组件搞定了。

5、模块加载

　　javascript有个特点，就是原生没提供包引用的API一次性把要加载的东西全执行一遍，这里就要看各位闭包的功力了。所用东西都在一起，没有分而治之，搞的特别没有逻辑性和复用性。如果页面简单或网站当然我们可以通过一些AMD、CMD的js库（比如requireJS 和 seaJS）搞定事实上很多大型网站都是这么干的。

　　在nodeJS中提供了CMD的模块加载的API，如果你用过seaJS，那么应该上手很快。

　　node还提供了npm 这种包管理工具，能更有效方便的管理我们饮用的库

　　当然浏览器这边es6也有这方面的补充，相信未来会更好。。。

看完了这篇文章，相信你对“node环境与浏览器环境有哪些区别”有了一定的了解，如果想了解更多相关知识，欢迎关注编程网JavaScript频道，感谢各位的阅读！