JavaScript中的一些特殊用法(四)

1. Date类型

• 常见用例

var now = new Date();       //返回当前时间
    var sometime1 = new Date(1465999453000);  //1970年后的毫秒数 Wed Jun 15 2016 22:04:13 GMT+0800
    var sometime2 = new Date("5/5/2016");  //等价于 var sometime2 = new Date(Date.parse(""5/5/2016""));

    /* 
     * Date.UTC()的参数分别是年份,月份(0-11),日(1-31),小时（0-23），分钟，秒，毫秒，而且为GTM时间
     * 前两个参数是必须的，没有天则假的为1，其余假定为0 
     *  
     */
    var sometime3 = new Date(Date.UTC(2016,0));      // Fri Jan 01 2016 08:00:00 GMT+0800 (中国标准时间) 转换为GTM+8
    var sometime4 = new Date(Date.UTC(2016,6,6,21,4,45));    //VM654:4 Thu Jul 07 2016 05:04:45 GMT+0800 (中国标准时间)

    //和上面两个的区别就是，上面是GTM时间，下面是本地时间。
    var sometime3 = new Date(2016,0);
    var sometime4 = new Date(2016,6,6,21,4,45);

• 当建立一个不存在的时间时，浏览器不会报错。

var someDate1 = new Date("6/31/2016"); //Fri Jul 01 2016 00:00:00 GMT+0800  Chrome 51结果
    var someDate2 = new Date("Sat May 25 2016 15:20:45 GMT+0800");  //Wed May 25 2016 15:20:45 GMT+0800 (中国标准时间) chrome 51结果，星期错误

Date.parse()常看法析格式以下

• 月/日/年
• 英文月 日 年
• 英文星期 英文月 日 年 时:分:秒 时区
• YYYY-MM-DDTHH:mm:ss.sssZ

var someDate1 = new Date("5/5/2016");
    var someDate2 = new Date("May 12,2016");
    var someDate3 = new Date("Wed May 25 2016 15:20:45 GMT+0800");
    var someDate4 = new Date("2016-05-13T13:34:45");

2. JavaScript变量做用域

JavaScript中没有块级做用域，只有函数做用域。

//函数做用域
    var color = "blue";

    function changeColor(){

        var anotherColor = "red";

        function swapColors(){
            var tempColor = anotherColor;
            var anotherColor = color;
            color = tempColor;
        }

        swapColors();
    }
    changeColor();

    //块做用域不起做用
    if(true){
        var color = "blue";
    }
    alert(color);           //blue

改变做用域链

• with
• catch

关于做用域链，有兴趣能够参考这篇博客

3. 正则表达式

• 字面量定义通常格式 var expression = / pattern / flags ;,flags常见的有g全局,i不区分大小写,m多行模式，注意理解多行模式。
  
• 元字符有( ) [ ] { } \ ^ $ | ? * + .
• 注意字面量定义和构造函数定义的区别。例如/\[bc\]at/等于\\[bc\\]at，这两个都匹配"[bc]at"

4. Function类型

• 函数声明式定义Function，函数表达式定义Function，构造函数定义Function

//声明式
    function sum (num1,num2){
        return num1+num2;
    }

    //表达式
    var sum = function(num1,num2){
        return num1+num2;
    } 

    //使用构造函数
    var sum = new Function("num1","num2","return num1+num2");   //不推荐使用

JavaScript高级编程中提到声明式和表达式定义是有区别的，声明式会将函数定义提早，也就是说能够在函数调用语句能够写在函数声明语句前面，而表达式定义则否则。可是我经过Chrome 51测试时发现，二者均可以，并没有不一样。

此处更正一下，是我错了。在控制台调试时会保留前面的代码，换句话说就是第二个sum调用的是第一次调用的函数，若是单独测试你会发现TypeError: sayHi is not a function:pensive:

• 若是函数重名，后一个声明的会覆盖前一个
• 如上代码，注意sum和sum()的区别
• 函数中特别的关键字
  • this
  • arguments //函数内参数数组
    • callee //指向有arguments对象的函数
  • caller //指向调用当前函数的引用
  • apply()/call() //区别在于若是函数有参数，apply能够直接传递数组，而call必须一个一个传递。

  window.color = "red";
      var o = { color:"blue" };
      function sayColor(){
          alert(this.color);
      }
      sayColor(this);         //red
      sayColor(window);       //red
      sayColor(o);            //blue

  • bind()

  window.color = "red";
      var o = { color:"blue" };
      function sayColor(){
          alert(this.color);
      }
      var objectSayColor = sayColor.bind(o);
      objectSayColor();           //blue

5. 基本包装类型

• 不能运行时为基本类型值添加属性和方法
• 使用Object构造函数，返回的也是相应基本类型的包装类型的实例
• 不要使用Boolean对象

var falseObject = new Boolean(false);
     var result = falseObject && true;
     alert(result); //true
     alert(typeof falseObject); //object

• 数值类型注意以下判断

var numberObject = new Number(10);
    var numberValue = 10;
    alert(typeof numberObject); //"object"
    alert(typeof numberValue);  //'number"
    alert(numberObject instanceof Number);  //true
    alert(numberValue instanceof Number);   //false