现象

我们由一段代码入手(文件名：02.js);

const http = require("http");
let count = 0;
const server = http.createServer((req,res) => {
    res.writeHead(200,{"Content-Type":"text/html;charset=UTF-8"});
    res.write(`你是第${count++}个访问用户`);
    res.end();
});
server.listen(3000,(err) => {
    //出现错误的情况就是端口被占用
    if(err) throw err;
    console.log("server is running at http://localhost:3000/")
});

然后我们执行它

1 2	$ node 02.js server is running at http://localhost:3000/

打开浏览器

我们能看到“你是第0个访问用户”，当我们刷新的时候，我们发现…

问题1：count并没有重新归零
问题2：count直接由0变到了2

我们来看下问题1，count并没有重新归零，说明我们在刷新页面的时候并不是重新执行了整个脚本，而是只执行了server里的代码

const server = http.createServer((req,res) => {
    res.writeHead(200,{"Content-Type":"text/html;charset=UTF-8"});
    res.write(`你是第${count++}个访问用户`);
    res.end();
});

所以count不会重新归零，而是执行里面的count++，但是…应该由0变为1啊。

好了，我们来看第二个问题，为什么直接从0变为2，我们打开调试工具

我们发现，刷新页面的时候会发送两个请求，一个是localhost，一个是favicon.ico，所以

1	res.write(`你是第${count++}个访问用户`);

会执行两次，然后我们就会看见0，2，4，6…

解决办法

做一个判断 if(req.url === "/favicon.ico") return;

const http = require("http");
let count = 0;
const server = http.createServer((req,res) => {
    if(req.url === "/favicon.ico") return;   //如果请求的是favicon.ico我们就return掉
    res.writeHead(200,{"Content-Type":"text/html;charset=UTF-8"});
    res.write(`你是第${count++}个访问用户`);
    res.end();
});
server.listen(3000,(err) => {
    //出现错误的情况就是端口被占用
    if(err) throw err;
    console.log("server is running at http://localhost:3000/")
});

单线程

我们再把代码修改一下

 const http = require("http");
 
 let count = 0;
 
 const server = http.createServer((req,res) => {
     if(req.url === "/favicon.ico") return;
     res.writeHead(200,{"Content-Type":"text/html;charset=UTF-8"});
     res.write(`你是第${count++}个访问用户`);
+    //如果count计数到5的话，我们就让它阻塞
+    if(count === 5){
+        while(true) { }
+    }
     res.end();
 });
 
 server.listen(3000,(err) => {
     //出现错误的情况就是端口被占用
     if(err) throw err;
     console.log("server is running at http://localhost:3000/")
 });