摘要：前端培訓初級階段語法變量值類型運算符語句上節的基礎內容知識，這節我們會用到。這意味著開發者不必明確實例化內置對象，它已被實例化了。不進行有效性檢查。對象是自年月日起經過的毫秒數。

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。

該文為前端培訓-初級階段（13、18）的補充內容 (介紹了 ECMAScript 歷史，ES6 常用點)。

本文介紹ECMAScript基礎知識。

前端培訓-初級階段（13） - ECMAScript （語法、變量、值、類型、運算符、語句）
上節的基礎內容知識，這節我們會用到。默認已讀。

ECMAScript 基礎對象（Object、Boolean、Number、String）

常用內置對象（Date、Array、Math、RegExp、global、Function、Event、arguments、JSON）

ECMAScript 函數（聲明、調用、返回值、閉包、遞歸）

在 ECMAScript 中，所有對象并非同等創建的。
一般來說，可以創建并使用的對象有三種：本地對象、內置對象和宿主對象。

ECMA-262 把本地對象（native object）定義為“獨立于宿主環境的 ECMAScript 實現提供的對象”。簡單來說，本地對象就是 ECMA-262 定義的類（引用類型）。它們包括：Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError

ECMA-262 把內置對象（built-in object）定義為“由 ECMAScript 實現提供的、獨立于宿主環境的所有對象，在 ECMAScript 程序開始執行時出現”。這意味著開發者不必明確實例化內置對象，它已被實例化了。ECMA-262 只定義了兩個內置對象，即 Global 和 Math （它們也是本地對象，根據定義，每個內置對象都是本地對象）。

所有非本地對象都是宿主對象（host object），即由 ECMAScript 實現的宿主環境提供的對象。所有 BOM 和 DOM 對象都是宿主對象。

Object 是所有對象的基礎。JavaScript 中的所有對象都來自 Object ；所有對象從 Object.prototype 繼承方法和屬性，盡管它們可能被覆蓋。例如，其他構造函數的原型將覆蓋 constructor 屬性并提供自己的 toString() 方法。Object 原型對象的更改將傳播到所有對象，除非受到這些更改的屬性和方法將沿原型鏈進一步覆蓋。

這個對象非常的簡單。只有從Object哪里基礎來的方法和屬性。當做函數調用，就是把值轉換成布爾類型

如果第一個參數不是布爾值，則會將其轉換為布爾值。如果省略該參數，或者其值為 0、-0、null、false、NaN、undefined、或者空字符串（""），則生成的 Boolean 對象的值為 false。如果傳入的參數是 DOM 對象  document.all，也會生成值為 false 的 Boolean 對象。任何其他的值，包括值為 "false" 的字符串和任何對象，都會創建一個值為 true 的 Boolean 對象。
注意不要將基本類型中的布爾值 true 和 false 與值為 true 和 false 的 Boolean 對象弄混了。
當 Boolean 對象用于條件語句的時候（譯注：意為直接應用于條件語句），任何不是 undefined 和 null 的對象，包括值為 false 的 Boolean 對象，都會被當做 true 來對待。例如，下面 if 語句中的條件為真:

var x = new Boolean(false);
if (x) {
  console.log(typeof x, typeof true, typeof false)
}

這個我就直接說常用的了。

Date 對象是自1970年1月1日（UTC）起經過的毫秒數。

實例化方式

new Date();//當前時間
new Date(Number);//傳入的毫秒數轉換成時間
new Date(dateString);//傳入的時間格式轉換為時間。這里有一些坑（低版本IE、ios、chrome）實現的規范不一樣，導致有的格式解析不出來，可以用[momentjs][3]。
new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]);

注意：只能將 Date 作為構造函數調用，才能實例化（instantiate） Date 對象：若將它作為常規函數調用（即不加 new 操作符），則將會返回一個字符串，而非 Date 對象。另外，不像其他的 JavaScript 對象類型，Date 對象沒有字面量語法（literal syntax）。

方法

Date.now() 返回自 1970-1-1 00:00:00 UTC（世界標準時間）至今所經過的毫秒數。
等效寫法+new Date(),new Date().getTime()

Date.parse() 解析一個表示日期的字符串，并返回從 1970-1-1 00:00:00 所經過的毫秒數。

Date.UTC() 接受和構造函數最長形式的參數相同的參數（從2到7），并返回從 1970-01-01 00:00:00 UTC 開始所經過的毫秒數。

原型方法

getDay()周，getFullYear()年，getMonth()月，getDate()日，getHours()時，getMinutes()分，getSeconds()秒

getTimezoneOffset() 返回當前時區的時區偏移。

set方法同上，需要注意的地方有setHours()可以把時分秒毫秒都設置了

Array數組對象的forEach、map、filter、reduce

join 合并成串

concat 合并其他數組

slice 分割數組

Math.random() 隨機數。來個公式（end-start+1）*num+start
比如 60-90區間內(90-60+1)*Math.random()+60>>0即可得到區間內整數

Math.ceil 向上取整Math.ceil(5.1)

Math.floor 向下取整Math.floor(1.9)

Math.round 四拾伍入Math.round(2.3)

Math.pow Math.pow(3,5)等同于3**5,但是前者兼容更好

原生的方法其實很少用。需要注意的地方是，有部分函數會記錄上次差到的點。一般都是用字符串的 replace 和 match

低版本 IE 沒有。需要使用 eval。
提供了 JSON.stringify 和 JSON.parse()用來序列化與反序列化

//提供一個tips,你可以在控制臺試試喲。
JSON.stringify([{
    userid: 7848950,
    nickname: "abc"
},{
    userid: 920110633,
    nickname: "abc"
},{
    userid: 7848952,
    nickname: "abc"
}], null, "   ")

函數聲明 function fun(){}

函數表達式 fun = function fun(){}

IFFE void function(){console.log(1)}()

構造函數 new Function("a","b","return a+b")(1,2)

function fun(){console.log(1)};fun() 通過括號來調用

function fun(){return 1};console.log(fun()) 函數內部通過return來返回

什么是作用域
作用域(scope)指的是變量存在的范圍。 在 es5 中的，Javascript 只有兩種作用域：一種是全局作用域，變量在整個程序中一直存在，所有地方都可以讀??；另一種是函數作用域，變量只在函數內部存在。（es6中又新增了塊級作用域）全局作用域可以在代碼的任何地方都能被訪問。

什么是作用域鏈
是指作用域生成的路徑。當代碼在一個執行環境中執行時，就會創建一個作用域鏈。我們有可能兩個 function 內都使用了 state 這個變量,我們不希望他共享，他被限制在了自己的作用域中。
內部環境可以通過作用域鏈訪問所有外部環境，但是外部環境不能訪問內部環境中的任何變量和函數。
在 js 中與作用域鏈相似的有原型鏈

那么什么是閉包呢？
閉包就是依賴這個特性，思考如下代碼。可以讓我們的代碼和外部環境隔離。

var getNum = (function(){
  var sum = 0;//閉包中的變量
  return function(){
      return ++sum//內部可以訪問
  }
})()
getNum();//1,這里可以獲取調用次數
sum = 1000;//這里改變的其實是全局的，因為他拿不到閉包內的sum
getNum();//2,這里可以獲取調用次數

有的教程里面叫高階函數，思考如下代碼

[1,2,3].map(v=>v*2);//map就是一個高階函數，通過把回調傳遞進去。對原數組進行操作。

這個主要是用來沒有預期的情況。比如遍歷一顆樹。你不知道要循環多少次?；蛘哒f當前有個dom節點，你需要找到他的一個父級.editor_main。

//求菲波那切數列
function factorial(num){
   if(num <= 1){
       return 1
   }else {
       return num * factorial(num - 1);
   }
}

主講人的講稿地址
這里也要吐槽一下自己，斷更這么久，實在是太忙了。

JavaScript 標準庫