《异步JavaScript编程》笔记

JavaScript
Catalogue

###Metro应用开发
从这本书的前言里，我才知道JavaScript原来可以进行Windows 8 下的Metro风格应用的开发。>>详见 创建第一个采用 JavaScript 的 Windows 应用商店应用。不过从该页面也了解到，操作系统必须是Window 8.1才可以。

感谢网络浏览器的无处不在，JavaScript比以往任何语言都更接近于兑现Java那句古老的承诺：“一次编写，随处运行。”

###在Node.js中运行代码

REPL
“读取-求值-输出”循环（英语：Read-Eval-Print Loop，简称REPL）是一个简单的，交互式的编程环境。这个词常常用于指代一个Lisp的交互式开发环境，但也能指代命令行的模式和例如 APL, BASIC, Clojure, F#, Haskell, J, Julia, Perl, PHP, Prolog, Python, R, Ruby, Scala, Smalltalk, Standard ML, Tcl, Javascript 这样的编程语言所拥有的类似的编程环境。这也被称做交互式顶层构件（interactive toplevel）。

可在nodejs.org下载Windows平台下的安装包。安装后就可以运行JavaScript的REPL了。

##第1章 深入理解JavaScript事件

###概览

1
2
3
for(var i=1;i<=3;i++){
    setTimeout(function(){console.log(i);},0);     // => 4,4,4，而不是1,2,3
};
1
2
3
4
5
6
7
8
9
var start = new Date();
setTimeout(function(){
    var end = new Date();
    console.log('Time elapsed: ', end-start , 'ms');
}, 500);

while(new Date() - start < 1000){};

// => Firefox会输出  Time elapsed: 1008 ms

创造Node.js，并不是为了让人们能在服务器上运行JavaScript，仅仅是因为Ryan Dahal想要一个建立在某高级语言之上的事件驱动型服务器框架。JavaScript碰巧适合干这个——因为它可以完美地实现非阻塞式I/O。

例如，下面的循环会永远运行下去，不可能停下来：

1
2
3
4
5
6
var ajaxRequest = new XMLHttpRequest;
ajaxRequest.open('GET', url);
ajaxRequest.send(null);
while(ajaxRequest.readyState === XMLHttpRequest.UNSET){
    // readyState在循环返回之前不会有更改
}

正确的处理方式是为readyState注册事件处理函数：

1
2
3
4
5
6
var ajaxRequest = new XMLHttpRequest;
ajaxRequest.open('GET', url);
ajaxRequest.send(null);
ajaxRequest.onreadystateChange = function(){
    // ...
};

非阻塞式I/O是编写基于事件的代码的核心基础。

在浏览器端，Ajax方法有一个看设置为false的async选项（但永远、永远别这么做），这会挂起整个浏览器窗格直到收到应答为止。在Node.js中，同步的API方法在名称上会有明确的标示，譬如fs.readFileSync。在编写短小的脚本时，这些同步方法会很方便。但是，如果所编写的应用需要处理并行的多个请求或多项操作，则应该避免使用它们。可在今天，还有哪个应用部是这样的呢？

1
2
3
4
5
6
7
8
9
10
11
12
var firecount = 0;
var start = new Date;
var timer = setInterval(function(){
    if(new Date - start > 1000){
        clearInterval(timer);
        console.log(firecount);
        return;
    }
    firecount++;
}, 0);

// =>Firefox输出249
1
2
3
4
5
var start2 = new Date();
var count = 0;
while(new Date() - start2 < 1000 ){
    count++;
}               // =>不同解释器下的count输出值，Chrome:645445, Firefox:817007, Node: 3270175

估计是我的电脑CPU不给力，作者说i7处理器下，用while循环取代setInterval，Chrome下的触发频率达到400万次/秒，我的只有64万次/秒；i7下的Node可达500万次/秒，我这儿只能运行到320万次/秒。

setTimeout和setInterval就是想设计成慢吞吞的！事实上，HTML规范推行的延时/时隔的最小值就是4毫秒！

所以，上面的将延时设为0的代码，实际上是按照4毫秒一次来运行的，结果自然也就是差不多运行了250次。

###编写异步函数
####间或异步的函数
####缓存型异步函数

Share