ES6部分方法點評（二）

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

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

template string

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

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

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

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

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

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

class, extends, super

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

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

這實際上就是jquery/zepto提供的extend方法，即把多個object合并到一起，這下又多了一個拋棄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}

云服務器 GPU云服務器方法是對象的一部分主機點評點評 vps點評網(wǎng)

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/79351.html

相關(guān)文章

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

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

wean 2019-08-21 10:53 評論0 收藏0
ES6部分方法點評（一）

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

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

摘要：單例模式是一種重要的設(shè)計模式，有些對象我們只需要創(chuàng)建一個，比如瀏覽器的對象，模態(tài)對話框。普通類負責實現(xiàn)基本功能，代理類管理單例。定義保證一個類僅有以一個實例，僅能被實例化/創(chuàng)建一次，并提供全局的訪問點。單例模式是一種重要的設(shè)計模式，有些對象我們只需要創(chuàng)建一個，比如瀏覽器的window對象，模態(tài)對話框。實現(xiàn)這種設(shè)計模式其實很簡單，最重要的是在創(chuàng)建實例的時候，用一個標記變量判斷實例是...

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

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

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

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

gnehc 2019-08-20 11:14 評論0 收藏0