入门：兼容 nodejs

最新推荐文章于 2024-11-02 16:30:36 发布

iteye_4865

最新推荐文章于 2024-11-02 16:30:36 发布

阅读量139

点赞数

分类专栏： javascript 文章标签：脚本浏览器 JavaScript json Windows ViewUI

本文链接：https://blog.csdn.net/iteye_4865/article/details/82033844

版权

javascript 专栏收录该内容

127 篇文章 0 订阅

订阅专栏

nodejs 可以在服务器端执行 javascript 脚本，并提供了一些核心模块可以进行读写，大大扩充了 javascript 的作用范围，并且经过简单的修改，原先的客户端脚本甚至可以直接运行在服务器端，即同样的代码可以自由选择在服务器端或者客户端渲染。

客户端脚本转化服务器端脚本

windows 下安装 nodejs

1.下载整合版本，推荐0.40

2.解压缩至 x:/node ，并设置环境变量 PATH 指向 x:/node/bin

3.运行 x:/node/bin/shell.cmd ，执行 node npm install jsdom ，安装 jsdom 模块，注意一定要运行 shell.cmd

4.安装完毕，接下来可以通过命令行 node xx.js 来执行 xx.js .

客户端脚本修改：

1.模拟浏览器环境

浏览器环境下 window，document 都是属于宿主对象，全局作用域，在服务器中可通过 jsdom 来模拟，通过不指定 var 前缀来声明 global 变量（commonjs规范并不赞成全局变量 (“no-globals” CommonJS spec)，nodejs-yui3 采用封装到 Y.browser 来代替直接访问 window/document，可实现每个沙箱都有自己的独立浏览器环境）：

var jsdom = require("jsdom").jsdom;
    document = jsdom("<html><head></head><body></body></html>");
    window = document.createWindow();
    location = window.location;
    navigator = window.navigator;

2.声明 global 对象

客户端脚本 a 中通过顶层 var 声明的变量为全局作用域，而服务器脚本中则为模块作用域，要通过不加 var 前缀来声明全局变量，比如通过在一个模块中声明

S={};

则其他模块可和原先客户端脚本保持一致，直接访问 S 即可，不需要再做修改（不需添加：var S= require ("S")），虽然仍然是违背 no-globals 原则，但这是最简单重用客户端脚本的方法。

3.重写模块动态加载器（loader）

客户端的 loader 一般都要涉及动态添加 script 发送请求等操作，script 载入后浏览器会自动进行脚本解析，而服务器端则需要自己调用 require 来加载模块文件，另一方面也不需要发送网络请求，这时可简单对 require 进行封装，将原先的异步添加script转化为同步 require 即可。