JS高程-5-2：Date类型、RegExp类型和Function类型

文章为《JavaScript高级程序设计》（第三版）笔记。

一.Date类型

使用new操作符和Date构造函数即可创建一个日期对象。

var now = new Date();

在调用Date构造函数而不传递参数的情况下，新创建的对象自动获得当前日期和时间。

Date.now()方法，返回表示调用这个方法时的日期和时间的毫秒数。

// 取得开始时间
var start = Date.now();

// 调用函数
doSomething();

// 取得结束时间
var stop = Date.now();
result = stop - start;

二.RegExp类型

使用下面的语法，就可以创建一个正则表达式。

var expression = / pattern / flags;

其中的模式（pattern）可以是任何简单或复杂的正则表达式，每个正则表达式可以有一个或多个标志（flags）。标志有下列3个：

g：表示全局模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止；
i：表示不区分大小写模式，即在确定匹配项时忽略模式与字符串的大小写；
m：表示多行模式，即在达到一行文本末尾时还会继续查找下一行中是否存在与模式匹配的项。

例子：

// 匹配所有以"at"结尾的3个字符的组合，不区分大小写
var pattern = /.at/gi;

注意：模式中使用的所有元字符都必须转义。元字符有：

( [ { \ ^ $ | ) ? * + . ] }

例如：

// 匹配所有".at"，不区分大小写
var pattern = /\.at/gi;

我们除了用上面这种字面量形式来定义正则表达式外，还可以使用RegExp构造函数。

// 匹配所有以"at"结尾的3个字符的组合，不区分大小写
var pattern = new RegExp('.at', 'gi')

1.RegExp实例属性

RegExp的每个实例都具有下列属性。

global：布尔值，表示是否设置了g标志；
ignoreCase：布尔值，表示是否设置了i标志；
lastIndex：整数，表示开始搜索下一个匹配项的字符位置，从0算起；
multiline：布尔值，表示是否设置了m标志；
source：正则表达式的字符串表示，按照字面量形式而非传入构造函数中的字符串模式返回。

2.RegExp实例方法

第一个方法exec()，该方法接受一个参数，即要应用的模式的字符串，然后返回包含第一个匹配项信息的数组；或者在没有匹配项的情况下返回null。返回的数组虽然是Array的实例，但包含两个额外的属性：index和input。其中，index表示匹配项在字符串中的位置，而input表示应用正则表达式的字符串。

var text = 'cat, bat, sat';
var pattern = /.at/gi;

var matches = pattern.exec(text);
console.log(matches.index);   // 0
console.log(matches.input);   // cat, bat, sat
console.log(matches[0]);      // cat
console.log(matches.length);  // 1
console.log(matches.lastIndex);// 3

第二个方法test()，它接收一个字符串参数。在模式与该参数匹配的情况下返回true；否则，返回false。

var text = 'cat, bat, sat';
var pattern = /.at/gi;

var val = pattern.test(text);
console.log(val);   // true

三.Function类型

1.函数声明与函数表达式

函数声明：

function sum (num1, num2) {
  return sum1 + sum2;
}

函数表达式：

var sum = function(num1, num2) {
  return sum1 + sum2;
}

这两者作用都相差无几，但又有区别。解析器会率先读取函数声明，并使其在执行任何代码之前可用（可访问）；而函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解析执行。

2.函数内部属性

在函数内部，有两个特殊的对象：arguments和this。虽然arguments的主要用途是保存函数参数，但这个对象还有一个名叫callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数。

function factorial(num) {
  if (num <= 1) {
    return 1;
  } else {
    return num * factorial(num - 1);
  }
}

这里我们利用递归实现了一个阶乘函数，但这里有个问题：函数的执行与函数名 factorial 紧紧耦合在了一起。为了消除这个问题，我们可以利用arguments.callee改写。

function factorial(num) {
  if (num <= 1) {
    return 1;
  } else {
    return num * arguments.callee(num - 1);
  }
}

但要注意，当函数在严格模式下运行时，访问arguments.callee会导致错误。

3.函数的属性和方法

每个函数都包含两个属性：length和prototype。length属性表示函数希望接收的命名参数个数。

这里再介绍下apply()、call()和bind()。通过这些方法，我们可以修改函数绑定的this，使其成为我们指定的对象。

function sum(num1, num2) {
  return num1 + num2;
}

function callSum(num1, num2) {
  return sum.apply(this, [num1, num2]);
  // return sum.call(this, num1, num2); // call 方式调用
}

console.log(callSum(10, 10)); // 20

call()方法与apply()方法的作用相同，它们的区别仅在于接收参数的方式不同。

传递参数并非apply()和call()真正的用武之地；它们真正强大的地方是能够扩充函数赖以运行的作用域。

window.color = 'red';
var o = { color: 'blue' };

function sayColor() {
  console.log(this.color)
}

sayColor();             // red
sayColor.call(this);    // red
sayColor.call(window);  // red
sayColor.call(o);       // blue

bind()方法，这个方法会创建一个函数的实例，其this值会被绑定到传递给bind()函数的值。

window.color = 'red';
var o = { color: 'blue' };

function sayColor() {
  console.log(this.color)
}

var objectSayColor = sayColor.bind(o);
objectSayColor();  // blue