《JavaScript经典实例》各节中的完整代码解决了常见的编程问题，并且给出了在任何浏览器中构建Web应用程序的技术。只需要将这些代码示例复制并粘贴到你自己的项目中就行了，可以快速完成工作，并且在此过程中学习JavaScript的很多知识。

第1章 JavaScript不只是简单的构件块

1.1 JavaScript对象、基本类型和字面值之间的区别

• 5种基本类型：字符串、数值、布尔值、null、undefined，有3个有对应的构造方法对象:string、Number、Boolean

• 基本类型变量严格等于字面值，而对象实例则不会，因为基本类型是按值来比较的，而值是字面值

1.2 从字符串提取一个列表

• 提取之前：This is a list of items: cherries, limes, oranges, apples.
• 提取之后：['cherries','limes','oranges','apples']
• indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
• substring() 方法用于提取字符串中介于两个指定下标之间的字符。
• split() 方法用于把一个字符串分割成字符串数组。

1.3 检查一个存在的、非空的字符串

• 想要验证一个变量已经定义了，是一个字符串，并且它不为空

if(typeof unknowVariable === 'string' && unknowVariable.length > 0) {...}

1.4 插入特殊字符

• 想要向字符串中插入一个特殊字符，例如一个换行
• 转义序列都以一个反斜杠 开始（）

1.5 使用新字符串替换模式

• 使用String对象的replace方法和一个 正则表达式
• replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

正则表达式特殊字符

1.6 找到并突出显示一个模式的所有实例

• RegExp exec() 方法用于检索字符串中的正则表达式的匹配
• RegExpObject.exec(string)
• 返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null

var searchString2 = "Now is the time and this is the time and that is the time";
var parttern = /tw*e/g;  //w 匹配任何单词字符
var matchArray;

var str = "";

//用regexp exec检查模式，如果不为空，处理它
while((matchArray = parttern.exec(searchString2)) != null) {
    str += "at " + matchArray.index + " we found " + matchArray[0] + "n";
}
console.log(str);
// at 7 we found the
// at 11 we found time
// at 28 we found the
// at 32 we found time
// at 49 we found the
// at 53 we found time

            

                Search pattern: 
        
        Search for pattern
        


        

1.7 使用捕获圆括号交换一个字符串中的单词

• 交换名称，让姓氏先出现
• 解决：使用捕获圆括号和一个正则表达式在字符串中找到并记住他们的名字，然后互换他们
• replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

1.8 使用命名实体来替代HTML标签

• 使用正则表达式把尖括号()转换为命名的实体：

1.9 ISO 8610格式的日期转换为Date对象可接受的一种形式

1.10 使用带有定时器的函数闭包

• 使用一个匿名函数作为setInterval()或setTimeout()方法调用的第一个参数

var intervalId = null;
document.getElementById("redbox").addEventListener('click', startBox, false);
function startBox() {
    if(intervalId == null) {
        var x = 100;
        intervalId = setInterval(function() {
            x += 5;
            var left = x + "px";
            document.getElementById("redbox").style.left = left;
        }, 500);
    } else {
        clearInterval(intervalId);
        intervalId = null;
    }
}

1.11 记录两个事件之间消耗的时间

• 在第一个事件发生的时候，创建一个Date对象，当第二个时间发生的时候，创建一个新的Date对象，并且从第二个对象中减去第一个对象。两者之间的差以毫秒表示的，要转换为秒，就除以1000
• 两个日期可以相减，但是相加就成了拼接字符串

var firstDate = new Date();
setTimeout(function() {
    doEvent(firstDate);
}, 25000);

function doEvent() {
    var secondDate = new Date();
    var diff = secondDate - firstDate;
    console.log(diff);   //25001
}

1.12 十进制数转化为十六进制值

• 使用Number对象的 toString() 方法

1.13 想要将表中一列的所有数字加和

• 遍历表中包含了数字值的列，将其转换为数字，并加和
• querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素
• 如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代
• 全局函数 parseInt() 和 parseFloat() 都把字符串转化为数字

var sum = 0;
//使用querySelectorAll找到第二列的所有单元格
var cells = document.querySelectorAll("td:nth-of-type(2)");
for(var i=0, l=cells.length; i

1.14 在角度和弧度之间转换

• 将角度转换为弧度

var radians = degrees * (Math.PI / 180);

• 将弧度转化为角度

var degrees = radians * (180 / Math.PI);

1.15 找到页面元素可容纳的一个圆的半径和圆心

• Math.min(x,y)方法可返回指定的数字中带有最低值的数字。
• 求出宽度和高度中较小的一个，用其除以2得到半径

var circleRadius = Math.min(elemengWidth, elemengHeight) / 2;

• 给指定页面元素的宽度、高度，通过将二者都除以2来找到其中心点

var x = elemengWidth / 2;
var y = elemengHeight / 2;

• Window.getComputedStyle()方法给出应用活动样式表后的元素的所有CSS属性的值，并解析这些值可能包含的任何基本计算。
• getComputedStyle()

1.16 计算圆弧的长度

• 给定了一个圆的半径及圆弧角的角度值，求该圆弧的长度
• 使用Math.PI把角度转换为弧度，并在公式中使用该结果来求得圆弧的长度

  var radians = degrees * (Math.PI / 180);
  var arclength = radians * radians;