ES6 特性

ES6

readable usable matainable

1.Arrow Function

function name(){};
函數(shù)是一等公民
解決:打底3行起步,可以不需要大括號(hào)

1.
const sum = (num1,num2)=>num1+num2;
2.
var getStudent = (name,age)=>({
    name:name,
    age:age,
});
3.箭頭函數(shù)體內(nèi)的 this對(duì)象塑崖,就是定義時(shí)所在的對(duì)象侵俗,而不是使用時(shí)所在的對(duì)象
var Person  =  function(name){
  this.name = name;
  this.getName=()=>this.name;
}
var alice = new Person();
alice.getName()//alice
//Person.prototype.getName=()=>this.name
//alice.getName()//undefined
//但如果上訴包在function里就會(huì)是alice

圓括號(hào)=>示意是一個(gè)返回函數(shù),該用例就是返回一個(gè)object

2.Class

class Person{
  constructor(name){
    this.name = name;
  }
  sayHi(){
    console.log('my  name is '+this.name);
  }
  joinMeeting(meeting){
  //meeting.talks.push(this.sayHi);
    meeting.talks.push(()=>this.sayHi());//這樣可以傳遞this指的值
  }
}
class Meeting{
  constructor(){
    this.talks = [];
  }
  start(){
    function talk(t){
      t();
    }
    this.talks.forEach(talk);
  }
  
}

var alice = new Person('Alice');
var  bob = new Person('Bob');

var standup = new Meeting();

alice.joinMeeting(standup);
bob.joinMeeting(standup);
standup.start();

3.let/const

let/const所聲明的變量,只在其命令所在的代碼塊內(nèi)有效
var有‘變量提升’現(xiàn)象泽裳,即變量可以在聲明前使用瞒斩,值為undefined
塊級(jí)作用域
{}

4.template string模版字符串

嵌入變量
換行
... ${name}

5.destruring解構(gòu)賦值

從數(shù)組和object取值,對(duì)變量進(jìn)行賦值
const {body}=ctx.request;

6.淺拷貝

js在傳參涮总,除了object胸囱,都是拷貝值傳遞
object也是拷貝值

const foo =(a)=>{
  a={name:'Tifa'};
  return a;
  
};

const a={name:'Alice'};
const b=a;
b.name='Bob';
const c=foo(a);

console.log(a);//Bob=>淺拷貝
console.log(b);//Bob=>淺拷貝
console.log(c);//Tifa=>淺拷貝
const foo =(a)=>{
  a.name='Tifa';
  return a;
  
};

const a={name:'Alice'};
const b=a;
b.name='Bob';
const c=foo(a);

console.log(a);//Tifa
console.log(b);//Tifa
console.log(c);//Tifa

Immutable
在面向?qū)ο蠹昂瘮?shù)編程中,不可變對(duì)象是一種對(duì)象瀑梗,在被創(chuàng)造之后烹笔,它的 狀態(tài)就不可以被改變

通過拷貝 實(shí)現(xiàn)

const getFruit=(arr)=>{
  const fruit = Array.from(arr).pop();//不會(huì)改變arr對(duì)象的值
  return fruit;
}
const getStudentWIthFormatScore = (student)=>{
  const newStudent = Object.assign({},student);
  newStudent.score=...
  return newStudent;
}

Immutable:

const obj = {name:'Alice'};
const obj1 = {...obj};//=Object.assign({},obj)

//[...newArrName]
//{...newObjectName}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市抛丽,隨后出現(xiàn)的幾起案子谤职,更是在濱河造成了極大的恐慌,老刑警劉巖铺纽,帶你破解...
    沈念sama閱讀 218,122評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件柬帕,死亡現(xiàn)場離奇詭異,居然都是意外死亡狡门,警方通過查閱死者的電腦和手機(jī)陷寝,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來其馏,“玉大人凤跑,你說我怎么就攤上這事∨迅矗” “怎么了仔引?”我有些...
    開封第一講書人閱讀 164,491評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長褐奥。 經(jīng)常有香客問我咖耘,道長,這世上最難降的妖魔是什么撬码? 我笑而不...
    開封第一講書人閱讀 58,636評(píng)論 1 293
  • 正文 為了忘掉前任儿倒,我火速辦了婚禮,結(jié)果婚禮上呜笑,老公的妹妹穿的比我還像新娘夫否。我一直安慰自己,他們只是感情好叫胁,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評(píng)論 6 392
  • 文/花漫 我一把揭開白布凰慈。 她就那樣靜靜地躺著,像睡著了一般驼鹅。 火紅的嫁衣襯著肌膚如雪微谓。 梳的紋絲不亂的頭發(fā)上森篷,一...
    開封第一講書人閱讀 51,541評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音堰酿,去河邊找鬼疾宏。 笑死,一個(gè)胖子當(dāng)著我的面吹牛触创,可吹牛的內(nèi)容都是我干的坎藐。 我是一名探鬼主播,決...
    沈念sama閱讀 40,292評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼哼绑,長吁一口氣:“原來是場噩夢啊……” “哼岩馍!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起抖韩,我...
    開封第一講書人閱讀 39,211評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤蛀恩,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后茂浮,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體双谆,經(jīng)...
    沈念sama閱讀 45,655評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評(píng)論 3 336
  • 正文 我和宋清朗相戀三年席揽,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了顽馋。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,965評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡幌羞,死狀恐怖寸谜,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情属桦,我是刑警寧澤熊痴,帶...
    沈念sama閱讀 35,684評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站聂宾,受9級(jí)特大地震影響果善,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜系谐,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評(píng)論 3 329
  • 文/蒙蒙 一岭埠、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蔚鸥,春花似錦、人聲如沸许赃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽混聊。三九已至弹谁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背预愤。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評(píng)論 1 269
  • 我被黑心中介騙來泰國打工沟于, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人植康。 一個(gè)月前我還...
    沈念sama閱讀 48,126評(píng)論 3 370
  • 正文 我出身青樓旷太,卻偏偏與公主長得像,于是被迫代替她去往敵國和親销睁。 傳聞我的和親對(duì)象是個(gè)殘疾皇子供璧,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評(píng)論 2 355