摘要：前端培訓(xùn)初級(jí)階段語法變量值類型運(yùn)算符語句上節(jié)的基礎(chǔ)內(nèi)容知識(shí)，這節(jié)我們會(huì)用到。這意味著開發(fā)者不必明確實(shí)例化內(nèi)置對(duì)象，它已被實(shí)例化了。不進(jìn)行有效性檢查。對(duì)象是自年月日起經(jīng)過的毫秒數(shù)。

前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，打牢基礎(chǔ)知識(shí)的中心思想，我們開課啦（每周四）。

該文為前端培訓(xùn)-初級(jí)階段（13、18）的補(bǔ)充內(nèi)容 (介紹了 ECMAScript 歷史，ES6 常用點(diǎn))。

本文介紹ECMAScript基礎(chǔ)知識(shí)。

前端培訓(xùn)-初級(jí)階段（13） - ECMAScript （語法、變量、值、類型、運(yùn)算符、語句）
上節(jié)的基礎(chǔ)內(nèi)容知識(shí)，這節(jié)我們會(huì)用到。默認(rèn)已讀。

ECMAScript 基礎(chǔ)對(duì)象（Object、Boolean、Number、String）

常用內(nèi)置對(duì)象（Date、Array、Math、RegExp、global、Function、Event、arguments、JSON）

ECMAScript 函數(shù)（聲明、調(diào)用、返回值、閉包、遞歸）

在 ECMAScript 中，所有對(duì)象并非同等創(chuàng)建的。
一般來說，可以創(chuàng)建并使用的對(duì)象有三種：本地對(duì)象、內(nèi)置對(duì)象和宿主對(duì)象。

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

ECMA-262 把內(nèi)置對(duì)象（built-in object）定義為“由 ECMAScript 實(shí)現(xiàn)提供的、獨(dú)立于宿主環(huán)境的所有對(duì)象，在 ECMAScript 程序開始執(zhí)行時(shí)出現(xiàn)”。這意味著開發(fā)者不必明確實(shí)例化內(nèi)置對(duì)象，它已被實(shí)例化了。ECMA-262 只定義了兩個(gè)內(nèi)置對(duì)象，即 Global 和 Math （它們也是本地對(duì)象，根據(jù)定義，每個(gè)內(nèi)置對(duì)象都是本地對(duì)象）。

所有非本地對(duì)象都是宿主對(duì)象（host object），即由 ECMAScript 實(shí)現(xiàn)的宿主環(huán)境提供的對(duì)象。所有 BOM 和 DOM 對(duì)象都是宿主對(duì)象。

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

這個(gè)對(duì)象非常的簡單。只有從Object哪里基礎(chǔ)來的方法和屬性。當(dāng)做函數(shù)調(diào)用，就是把值轉(zhuǎn)換成布爾類型

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

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

這個(gè)我就直接說常用的了。

Date 對(duì)象是自1970年1月1日（UTC）起經(jīng)過的毫秒數(shù)。

實(shí)例化方式

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

注意：只能將 Date 作為構(gòu)造函數(shù)調(diào)用，才能實(shí)例化（instantiate） Date 對(duì)象：若將它作為常規(guī)函數(shù)調(diào)用（即不加 new 操作符），則將會(huì)返回一個(gè)字符串，而非 Date 對(duì)象。另外，不像其他的 JavaScript 對(duì)象類型，Date 對(duì)象沒有字面量語法（literal syntax）。

方法

Date.now() 返回自 1970-1-1 00:00:00 UTC（世界標(biāo)準(zhǔn)時(shí)間）至今所經(jīng)過的毫秒數(shù)。
等效寫法+new Date(),new Date().getTime()

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

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

原型方法

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

getTimezoneOffset() 返回當(dāng)前時(shí)區(qū)的時(shí)區(qū)偏移。

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

Array數(shù)組對(duì)象的forEach、map、filter、reduce

join 合并成串

concat 合并其他數(shù)組

slice 分割數(shù)組

Math.random() 隨機(jī)數(shù)。來個(gè)公式（end-start+1）*num+start
比如 60-90區(qū)間內(nèi)(90-60+1)*Math.random()+60>>0即可得到區(qū)間內(nèi)整數(shù)

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,但是前者兼容更好

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

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

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

函數(shù)聲明 function fun(){}

函數(shù)表達(dá)式 fun = function fun(){}

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

構(gòu)造函數(shù) new Function("a","b","return a+b")(1,2)

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

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

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

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

那么什么是閉包呢？
閉包就是依賴這個(gè)特性，思考如下代碼?？梢宰屛覀兊拇a和外部環(huán)境隔離。

var getNum = (function(){
  var sum = 0;//閉包中的變量
  return function(){
      return ++sum//內(nèi)部可以訪問
  }
})()
getNum();//1,這里可以獲取調(diào)用次數(shù)
sum = 1000;//這里改變的其實(shí)是全局的，因?yàn)樗貌坏介]包內(nèi)的sum
getNum();//2,這里可以獲取調(diào)用次數(shù)

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

[1,2,3].map(v=>v*2);//map就是一個(gè)高階函數(shù)，通過把回調(diào)傳遞進(jìn)去。對(duì)原數(shù)組進(jìn)行操作。

這個(gè)主要是用來沒有預(yù)期的情況。比如遍歷一顆樹。你不知道要循環(huán)多少次?；蛘哒f當(dāng)前有個(gè)dom節(jié)點(diǎn)，你需要找到他的一個(gè)父級(jí).editor_main。

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

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

JavaScript 標(biāo)準(zhǔn)庫