ES6部分方法點(diǎn)評(píng)（二）

android_c 發(fā)布于2019-08-19 18:14 / 1604人閱讀

摘要：一直以來(lái)，的面向?qū)ο笠话愣际强?，但畢竟跟其它語(yǔ)言中的還是相差甚遠(yuǎn)的當(dāng)然硬要實(shí)現(xiàn)也行，就是特麻煩，現(xiàn)在終于從語(yǔ)言層面實(shí)現(xiàn)了，鼓掌這實(shí)際上就是提供的方法，即把多個(gè)合并到一起，這下又多了一個(gè)拋棄的理由了

template string

template string（模板字符串），至ES6，javascript終于也能直接往字符串里插變量了。這用途嘛，說(shuō)大不大，說(shuō)小也不??；雖說(shuō)不能實(shí)現(xiàn)比較復(fù)雜的例如if/for等語(yǔ)句就不能說(shuō)是一個(gè)完整的模板引擎，但起碼以后拼字符串就不用老寫(xiě)連接符+了不是？

let name = "guoyongfeng";
let age = 18;

console.log(`${name} want to drink ${age}`)

Default（函數(shù)默認(rèn)參數(shù)）

喜大普奔！javascript終于能像其它語(yǔ)言一樣在語(yǔ)言層面給形參設(shè)默認(rèn)值了：

function f(x, y=12) {
  // y is 12 if not passed (or passed as undefined)
  return x + y;
}
f(3) == 15

class, extends, super

作為一個(gè)從PHP起跑的碼農(nóng)，這仨語(yǔ)法糖我真的是不得不吃。一直以來(lái)，javascript的面向?qū)ο笠话愣际强縫rototype，但畢竟跟其它語(yǔ)言中的class還是相差甚遠(yuǎn)的（當(dāng)然硬要實(shí)現(xiàn)class也行，就是特麻煩），現(xiàn)在ES6終于從語(yǔ)言層面實(shí)現(xiàn)class了，鼓掌！！

class Animal {
    constructor(){
        this.type = "animal"
    }
    says(say){
        console.log(this.type + " says " + say)
    }
}

let animal = new Animal()
animal.says("hello") //animal says hello

class Cat extends Animal {
    constructor(){
        super()
        this.type = "cat"
    }
}

let cat = new Cat()
cat.says("hello") //cat says hello

Object.assign

這實(shí)際上就是jquery/zepto提供的extend方法，即把多個(gè)object合并到一起，這下又多了一個(gè)拋棄jquery/zepto的理由了：

var target = { a: 1 };

var source1 = { b: 2 };
var source2 = { c: 3 };

Object.assign(target, source1, source2);
console.log(target); // {a:1, b:2, c:3}

云服務(wù)器 GPU云服務(wù)器方法是對(duì)象的一部分主機(jī)點(diǎn)評(píng) 點(diǎn)評(píng) vps點(diǎn)評(píng)網(wǎng)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/79351.html

相關(guān)文章

ES6部分方法點(diǎn)評(píng)（三）：babel-preset-es2015-loose可轉(zhuǎn)換且移動(dòng)端兼容性較好

摘要：是目前最常用的轉(zhuǎn)的工具，但即使是，各瀏覽器的支持度也是不一的，因此便產(chǎn)生了本文，找出一些能夠被翻譯成兼容性高代碼的語(yǔ)法。不可用因?yàn)闀?huì)使用到參考資料，用來(lái)查瀏覽器兼容性。到底將代碼轉(zhuǎn)換成什么鳥(niǎo)樣，感謝。官網(wǎng)試驗(yàn)轉(zhuǎn)換后的代碼前言由于目前各瀏覽器對(duì)ES6兼容性較低，再加上需要兼容歷史上各種版本的瀏覽器，因此，使用編譯器將ES6語(yǔ)法轉(zhuǎn)譯成ES5語(yǔ)法則勢(shì)在必行了。babel是目前最常用的ES...

wean 2019-08-21 10:53 評(píng)論0 收藏0
ES6部分方法點(diǎn)評(píng)（一）

一直以來(lái)，我對(duì)ES6都不甚感興趣，一是因?yàn)樵谏a(chǎn)環(huán)境中使用ES5已是處處碰壁，其次則是只當(dāng)這ES6是語(yǔ)法糖不曾重視。只是最近學(xué)習(xí)react生態(tài)，用起babel來(lái)轉(zhuǎn)換jsx之余，也不免碰到諸多用上ES6的教程、案例，因此便稍作學(xué)習(xí)。這一學(xué)習(xí)，便覺(jué)得這語(yǔ)法糖實(shí)在是甜，忍不住嘗鮮，于是記錄部分自覺(jué)對(duì)自己有用的方法在此。箭頭函數(shù)(Arrow Functions) 箭頭函數(shù)是一個(gè)典型的語(yǔ)法糖，即創(chuàng)造了一種...

weakish 2019-08-19 18:14 評(píng)論0 收藏0
單例模式之es3與es6雙版本（設(shè)計(jì)模式）

摘要：?jiǎn)卫Ｊ绞且环N重要的設(shè)計(jì)模式，有些對(duì)象我們只需要?jiǎng)?chuàng)建一個(gè)，比如瀏覽器的對(duì)象，模態(tài)對(duì)話框。普通類負(fù)責(zé)實(shí)現(xiàn)基本功能，代理類管理單例。定義保證一個(gè)類僅有以一個(gè)實(shí)例，僅能被實(shí)例化/創(chuàng)建一次，并提供全局的訪問(wèn)點(diǎn)。單例模式是一種重要的設(shè)計(jì)模式，有些對(duì)象我們只需要?jiǎng)?chuàng)建一個(gè)，比如瀏覽器的window對(duì)象，模態(tài)對(duì)話框。實(shí)現(xiàn)這種設(shè)計(jì)模式其實(shí)很簡(jiǎn)單，最重要的是在創(chuàng)建實(shí)例的時(shí)候，用一個(gè)標(biāo)記變量判斷實(shí)例是...

岳光 2019-08-22 15:57 評(píng)論0 收藏0
Node 12 值得關(guān)注的新特性

摘要：?jiǎn)?dòng)速度大幅提升。同時(shí)，通過(guò)重用主進(jìn)程緩存，的啟動(dòng)速度提升了。在已經(jīng)引入的特性，在里面默認(rèn)啟用，無(wú)需使用開(kāi)啟。相關(guān)介紹診斷報(bào)告提供了新的實(shí)驗(yàn)性功能診斷報(bào)告，一個(gè)非常有用的特性。升級(jí)為，增強(qiáng)安全功能。前言時(shí)隔一年，Node.js 12 如約而至，正式發(fā)布第一個(gè) Current 版本。該版本帶來(lái)了諸如： V8 更新帶來(lái)好多不錯(cuò)的特性。 HTTP 解析速度提升。啟動(dòng)速度大幅提升。更好的...

springDevBird 2019-05-23 17:35 評(píng)論0 收藏0
webpack多頁(yè)應(yīng)用架構(gòu)系列（八）：教練我要寫(xiě)ES6！webpack怎么整合Babel？

摘要：本文首發(fā)于的技術(shù)博客實(shí)用至上，非經(jīng)作者同意，請(qǐng)勿轉(zhuǎn)載。只是最近學(xué)習(xí)生態(tài)，用起來(lái)轉(zhuǎn)換之余，也不免碰到諸多用上的教程案例，因此便稍作學(xué)習(xí)。在當(dāng)前的瀏覽器市場(chǎng)下，想在生產(chǎn)環(huán)境用上，是必不可少的。本文首發(fā)于Array_Huang的技術(shù)博客——實(shí)用至上，非經(jīng)作者同意，請(qǐng)勿轉(zhuǎn)載。原文地址：https://segmentfault.com/a/1190000006992218如果您對(duì)本系列文章感興...

gnehc 2019-08-20 11:14 評(píng)論0 收藏0