ES6 核心內容（上）

/***let塊級作用域***/

// let name = 'lijiaxiong';

// while(true)

// console.log(name);

// var a =

// for(let i = 0; i < 10; i++)

// }

// a[8]();

/***const 也用來宣告變數，但是宣告的是常量。一旦宣告，常量的值就不能改變***/

// const pi01 = math.pi;

// const pi = 23;

// console.log(pi);

// const monent = require('monent');

/***class, extends, super***/

/***原型、建構函式，繼承...***/

// class animal

// says(params)

// }

// let animal = new animal();

// animal.says('hello');

// class cat extends animal

// }

// let cat = new cat();

// cat.says('hi');

/*可以看到裡面有乙個constructor方法，這就是構造方法，而this關鍵字則代表例項物件。簡單地說，constructor內定義的方法和屬性是例項物件自己的，而constructor外定義的方法和屬性則是所有例項物件可以共享的。*/

/*class之間可以通過extends關鍵字實現繼承,繼承了animal類的所有屬性和方法*/

/*super關鍵字，它指代父類的例項（即父類的this物件）。子類必須在constructor方法中呼叫super方法，否則新建例項時會報錯。這是因為子類沒有自己的this物件，而是繼承父類的this物件，然後對其進行加工。如果不呼叫super方法，子類就得不到this物件。es6的繼承機制，實質是先創造父類的例項物件this（所以必須先呼叫super方法），然後再用子類的建構函式修改this。*/

/***箭頭函式***/

// class my

// sets(sets),1000)

// }

// let my = new my();

// my.sets('xiaoxiao');

/*當我們使用箭頭函式時，函式體內的this物件，就是定義時所在的物件，而不是使用時所在的物件。

並不是因為箭頭函式內部有繫結this的機制，實際原因是箭頭函式根本沒有自己的this，它的this是繼承外面的，因此內部的this就是外層**塊的this。*/

/***template string***/

// var boxs = document.queryselector('#boxs');

// boxs.innerhtml=`

//// 裡，看著那些幻化的空靈翩躚著靈魂的萌動，看著你來過的痕跡，這又怎能不是一種幸福!為了你，我甘情緒願就此成論，我願意在你賦予的一寸圈地蝸居一世，即便是只能在臆想裡期遇，即便只能是

// `;

/*字串中嵌入變數

var name = "bob", time = "today";

`hello $, how are you $?*/

/***destructuring解構***/

/*es6允許按照一定模式，從陣列和物件中提取值，對變數進行賦值，這被稱為解構（destructuring）*/

// let cat = 'ken';

// let dog = 'lili';

// let zoo =

// console.log(zoo);

// console.log(zoo.cat);

// let dog = ;

// let = dog;

// console.log(type,many);

/***default, rest***/

/*default很簡單，意思就是預設值。大家可以看下面的例子，呼叫animal()方法時忘了傳引數，傳統的做法就是加上這一句type = type || 'cat' 來指定預設值。*/

// function animal(type)

// animal();

/*如果用es6我們而已直接這麼寫：*/

function animal2(type = 'cat')

animal2();

/*rest語法也很簡單*/

function animalws(...types)

animalws('cat','bbc','fish');

//["cat", "bbc", "fish"]

ES6 核心內容（上）

JPA核心內容

Vuex核心內容二

shell程式設計的核心內容

ES6 核心內容（上）

JPA核心內容

Vuex核心內容 二

shell程式設計的核心內容

相關推薦

Vuex核心內容二