资讯专栏INFORMATION COLUMN

node.js入门学习笔记整理——基础篇

Tamic / 2770人阅读

摘要:的介绍一般是这样在中,类是随内核一起发布的核心库。库为带来了一种存储原始数据的方法,可以让处理二进制数据,每当需要在中处理操作中移动的数据时,就有可能使用库。这样传递数据会更快。

零、开始之前 1、 首先解释一下node.js是什么? 2、node.js和javascript有什么不同?

1)因为javascript主要是用在browser,而node.js是在server或者你的电脑上写,所以就不会有window / document这两个变量,取而代之的是global / process.
global和window一样,也有很多内置的function和variables,比如setTimeout() / setInterval() / console..., 不过也有很多不同,这个后面会慢慢讲;

一、Modules—— require() & exports

node.js里很重要的一个概念就是modules。除了一些core modules(比如events/http/fs/url...), 还可以用require()来引进一些自定义的modules。

比如:

</>复制代码

  1. //stuff.js
  2. var counter = function(arr){
  3. return "There are "+ arr.length+ " arguments."
  4. };
  5. var adder = function(a,b){
  6. return `the sum is ${a+b};`
  7. };
  8. var pi = 3.1415926;

如果要在其他的file里用这个counter function应该怎么做呢?
在stuff.js后面加上:

</>复制代码

  1. //第一种方法
  2. //modules.exports是一个object对象
  3. modules.exports.counter = counter;
  4. modules.exports.adder = adder;
  5. modules.exports.pi = pi;

上面的方法意思是到了,但是比较复杂,我们可以用对象的方式来写modules.exports

</>复制代码

  1. //第二种方法
  2. modules.exports = {
  3. counter: counter,
  4. adder: adder,
  5. pi: pi
  6. }

还有一种办法直接写在上面的functions里:

</>复制代码

  1. modules.exports.counter = function(arr){
  2. return "There are "+ arr.length+ " arguments."
  3. };
  4. modules.exports.adder = function(a,b){
  5. return `the sum is ${a+b};`
  6. };
  7. modules.exports.pi = 3.1415926;

然后要引用的时候使用require():

</>复制代码

  1. //main.js
  2. var stuff = require("./stuff"); //可以不用写extension name,node自己会补上;
  3. //使用一下:
  4. console.log(stuff.counter(["hello", "world"]);
  5. console.log(stuff.adder(5, stuff.pi);
二、EventEmitter类

在node.js里,有一个core module是event,event里只有一个对象,就是EventEmitter, 主要用于封装事件触发和事件监听器的功能(使用javascript里的观察者模式)。
如果用过jquery的话,对这个格式一定不陌生:

</>复制代码

  1. button.on("click", function(){alert("clicked!");}

其实node里的EventEmitter和jQuery的这个事件监听函数的写法也很类似:

</>复制代码

  1. //首先引入EventEmitter对象
  2. //EventEmitter是一个constructor,可以使用原型继承
  3. var eventEmitter = require("event").EventEmitter;
  4. var event = new eventEmitter();
  5. //绑定事件
  6. event.on("data", function(str){
  7. console.log("something here: "+ str.toString());
  8. };
  9. //触发事件
  10. //前一个param是event的名字,后一个是callback函数需要的变量
  11. event.emit("data", "Tom wants sth to eat.");

前面提到EventEmitter其实是一个constructor,可以通过prototype继承;
我们现在用util这个module来实现node里的inherits:

</>复制代码

  1. var event = require("event");
  2. var util = require("util");
  3. //创造一个person的constructor,一会来继承eventEmitter;
  4. var Person = function(name){
  5. this.name = name;
  6. };
  7. //util.inherits用来继承,注意两个params的顺序;
  8. util.inherits(Person, event.EventEmitter);
  9. //现在我们来new两个person实例出来:
  10. var james = new Person("james");
  11. var ellen = new Person("ellen");
  12. //放在一个叫people的array里:
  13. var people = [james, ellen];
  14. //现在用eventEmitter里的on方法绑定事件;
  15. //因为Person实例已经继承,所以可以使用
  16. people.forEach(function(person){
  17. person.on("speak", function(str){
  18. console.log(`${person} says ${str}`);
  19. });
  20. });
  21. //触发事件
  22. james.emit("speak", "good morning!");
  23. ellen.emit("speak", "good evening!");
三、fs (file system) 类

fs类主要是用来处理文件的,有非常多的方法,但在这个小教程里只涉及read和write两项。
首先我们来区分一下“同步”和“异步”的概念:
“同步”—— blocking; 解析器会一步一步地解析你的code,如果前面那行没操作完就不会操作后面那行;
“异步”——non-blocking;解析器解析完这行代码之前,不会妨碍到后面代码的进行,在异步处理完后通过callback函数对结果进行处理,因此,异步的性能比同步会很多。

</>复制代码

  1. //node中同步readwrite的写法:
  2. var fs = require("fs");
  3. //同步是"readFileSync"
  4. var readMe = fs.readFileSync("input.txt", "utf8");
  5. fs.write("output.txt", readMe);
  6. //异步:
  7. //err是出现的错误,data是readFile后读取到的数据
  8. fs.readFile("input.txt", "utf8", function(err, data){
  9. if(err){
  10. console.error(err);
  11. }else{
  12. fs.writeFile("output.txt", data);
  13. }

可以看到,运用fs的callback函数,可以直接在readFile里写writeFile, 不需要重新定义变量。

再写一个fs中的建立目录和移除目录的方法,同样有同步和异步两种方式:

</>复制代码

  1. var fs = require("fs");
  2. //make a directory sync
  3. fs.mkdirSync("stuff");
  4. //delete a directory sync
  5. fs.rmdirSync("stuff");
  6. //make a directory async
  7. fs.mkdir("stuff", function(){
  8. fs.readFile("readMe.txt", "utf8", function(err,data){
  9. fs.writeFile("./stuff/writeMe/txt", data);
  10. });
  11. });
  12. //remove a directory async
  13. //you must first remove all files in this directory, then you can delete this folder
  14. fs.unlink("./stuff/writeMe.txt", function(){
  15. fs.rmdir("stuff");
  16. })
四、Stream类

在解释stream之前,首先我们来想一想为什么要有readable stream和writable stream呢? 明明fs类里就有readFile和writeFile的方法啊,何必还要再添加stream来找麻烦呢?

要知道这两个之间的不同,让我们来理一下"buffer"的概念。
buffer的介绍一般是这样:

</>复制代码

  1. 在Node.js中,Buffer类是随Node内核一起发布的核心库。Buffer库为Node.js带来了一种存储原始数据的方法,可以让Nodejs处理二进制数据,每当需要在Nodejs中处理I/O操作中移动的数据时,就有可能使用Buffer库。

简单来说,buffer就是一个处理二进制数据的缓冲模块,那和stream又有什么关系呢?
可以看下下面的图:

这张图里,可以把很大的一块data进行肢解,然后储存到buffer中,形成一个个的相对比较小的data chunk;

在这张图里,chunk one by one向前传递就成了stream。

所以回到我们最初的问题,用readable stream和fs里的readFile有什么不同?

</>复制代码

  1. readFile是等一个file全部读完之后才fire callback函数,进行下一步动作;而stream是通过把file里的数据分成很多很多个小的chunk, 每次callback函数感知到data chunk的时候就会触发。这样传递数据会更快。

1、Readable stream

</>复制代码

  1. var fs = require("fs");
  2. var myReadStream = fs.createReadStream(__dirname + "/input.txt", "utf8");
  3. //这里的‘utf8"如果不加的话会解码成二进制(因为buffer)
  4. myReadStream.on("data", function(chunk){
  5. console.log("new chunk received");
  6. console.log(chunk);
  7. });
  8. //stream也继承eventEmitter
  9. //每次感知到data chunk就会触发,不需要等到整个file都读完
2、Writable stream

</>复制代码

  1. //和readable stream类似
  2. //会创造出来一个output.txt在目录下
  3. var fs = require("fs");
  4. var myReadStream = fs.createReadStream(__dirname + "/input.txt", "utf8");
  5. var myWriteStream = fs.createWriteStream(__dirname + "/output.txt");
  6. myReadStream.on("data", function(chunk){
  7. console.log("new chunk received");
  8. myWriteStream.write(chunk);
  9. });
3、pipe

因为把readable stream转成writable stream在node.js里非常常见,所以有一个更elegant的办法就是用pipe:

</>复制代码

  1. var fs = require("fs");
  2. var myReadStream = fs.createReadStream(__dirname + "/input.txt", "utf8");
  3. var myWriteStream = fs.createWriteStream(__dirname + "/output.txt");
  4. //pipe只能从可读流出发,不能从可写流出发
  5. myReadStream.pipe(myWriteStream);

如果加上web server就可以这么写:

</>复制代码

  1. var fs = require("fs");
  2. var http = require("http");
  3. var server = http.createServer(function(req, res){
  4. console.log("request was made: "+ req.url);
  5. res.writeHead(200, {"Content-Type": "text/plain"});
  6. var myReadStream = fs.createReadStream(__dirname + "/input.txt", "utf8");
  7. myReadStream.pipe(res);
  8. //response obj is writable
  9. });
  10. server.listen(3000);
  11. console.log("listen to port 3000");

如果要传递的数据是html格式的话:

</>复制代码

  1. var fs = require("fs");
  2. var http = require("http");
  3. var server = http.createServer(function(req, res){
  4. console.log("request was made: "+ req.url);
  5. //html格式也可以用stream传递,用pipe把可读流转成可写流
  6. res.writeHead(200, {"Content-Type": "text/html"});
  7. var myReadStream = fs.createReadStream(__dirname + "/index.html", "utf8");
  8. myReadStream.pipe(res);
  9. //response obj is writable
  10. });
  11. server.listen(3000);
  12. console.log("listen to port 3000");

如果传递的数据是json的话:

</>复制代码

  1. //不使用stream,直接在res.end()里面传递
  2. //但是要注意的是,end()里面只接受string,不能把object直接放进去
  3. var fs = require("fs");
  4. var http = require("http");
  5. var server = http.createServer(function(req, res){
  6. console.log("request was made: "+ req.url);
  7. res.writeHead(200, {"Content-Type": "application/json"});
  8. var myobj = {
  9. name: "Ryu",
  10. job: "ninja",
  11. age: 29
  12. };
  13. res.end(JSON.stringify(myobj));
  14. });
  15. server.listen(3001);
  16. console.log("listen to port 3001");
五、Router

介绍一个很简单的router的使用办法,只要用if判断req.url,然后用stream写入即可:

</>复制代码

  1. var http = require("http");
  2. var fs = require("fs");
  3. var server = http.createServer(function(req,res){
  4. console.log("request was made: "+ req.url);
  5. if(req.url === "/home" || req.url === "/"){
  6. res.writeHead(200, {"Content-Type" : "text/html"});
  7. //用fs的pipe把readable stream改成writable stream
  8. fs.createReadStream(__dirname +"/index.html").pipe(res);
  9. }else if(req.url === "/sample"){
  10. res.writeHead(200, {"Content-Type": "text/html"});
  11. fs.createReadStream(__dirname + "/sample.html").pipe(res);
  12. }else if(req.url === "/api/ninjas"){
  13. var ninjas = [{name: "ryu", age: 29}, {name: "yoshi",age:32 }];
  14. res.writeHead(200, {"Content-Type": "application/json"});
  15. res.end(JSON.stringify(ninjas));
  16. }
  17. //其实还可以再写一个404 page
  18. });
  19. server.listen(3000);
  20. console.log("now listening to port 3000");

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82392.html

相关文章

  • 前端相关大杂烩

    摘要:希望帮助更多的前端爱好者学习。前端开发者指南作者科迪林黎,由前端大师倾情赞助。翻译最佳实践译者张捷沪江前端开发工程师当你问起有关与时,老司机们首先就会告诉你其实是个没有网络请求功能的库。 前端基础面试题(JS部分) 前端基础面试题(JS部分) 学习 React.js 比你想象的要简单 原文地址:Learning React.js is easier than you think 原文作...

    fuyi501 评论0 收藏0
  • 前端文档收集

    摘要:系列种优化页面加载速度的方法随笔分类中个最重要的技术点常用整理网页性能管理详解离线缓存简介系列编写高性能有趣的原生数组函数数据访问性能优化方案实现的大排序算法一怪对象常用方法函数收集数组的操作面向对象和原型继承中关键词的优雅解释浅谈系列 H5系列 10种优化页面加载速度的方法 随笔分类 - HTML5 HTML5中40个最重要的技术点 常用meta整理 网页性能管理详解 HTML5 ...

    jsbintask 评论0 收藏0
  • 前端文档收集

    摘要:系列种优化页面加载速度的方法随笔分类中个最重要的技术点常用整理网页性能管理详解离线缓存简介系列编写高性能有趣的原生数组函数数据访问性能优化方案实现的大排序算法一怪对象常用方法函数收集数组的操作面向对象和原型继承中关键词的优雅解释浅谈系列 H5系列 10种优化页面加载速度的方法 随笔分类 - HTML5 HTML5中40个最重要的技术点 常用meta整理 网页性能管理详解 HTML5 ...

    muddyway 评论0 收藏0
  • webpack入门学习手记(二)

    摘要:例如现在的入门学习手记系列。收到粉丝留言和打赏的喜悦。安装上一篇入门学习手记一,主要是介绍了的核心概念,是整个学习过程的基础知识。新生成的类似如下入门学习手记因为生成的内容过多,我直接省略掉了。 showImg(https://segmentfault.com/img/bVbk5Nd?w=1150&h=599); 本人微信公众号:前端修炼之路,欢迎关注。 最近开始想要维护一个个人的公众...

    Joyven 评论0 收藏0

发表评论

0条评论

Tamic

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<