Es6新特性學(xué)習(xí)

AlphaWallet 發(fā)布于2019-08-23 13:44 / 1715人閱讀

摘要：基礎(chǔ)語法變量提升都可以個難點在編譯時執(zhí)行并沒有報錯，執(zhí)行結(jié)果如圖注意結(jié)果沒有變更改結(jié)果值變了參考新特性未完一直更新

基礎(chǔ)語法

變量提升

//es5
var arr = [];
for(var i=0; i<5; i++){
    (function (i){
        arr.push(function (){
            console.log(i)
        })
    })(i)
}
arr[1]()  // 0
arr[2]()  // 1
arr[3]()  // 2
//es6
var arr = [];  // let arr = [] 都可以
for(let i=0; i<5; i++){
    arr.push(function (){
        console.log(i)
    })
}
arr[0]()  // 0
arr[1]()  // 1
arr[2]()  // 2

10個JavaScript難點

import在編譯時執(zhí)行

//profile.js
export var param = [1,2,3];
//index.js
console.log(param);
import {param} from "./profile";
//并沒有報錯，執(zhí)行結(jié)果如圖

module注意

//lib.js
var counter = 3;
function incCounter() {
  counter++;
}
module.exports = {
  counter: counter,
  incCounter: incCounter,
};
//main.js
var mod = require("./lib");
console.log(mod.counter);// 3
mod.incCounter();
console.log(mod.counter);// 3 
//結(jié)果沒有變

更改lib

var counter = 3;
function incCounter() {
    counter++;
};
module.exports = {
    get counter(){
        return counter;
    },
    incCounter:incCounter
};
//結(jié)果counter值變了

參考

Es6新特性

未完【一直更新】

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

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

相關(guān)文章

Jdk1.8新特性學(xué)習(xí)（Optional）

摘要：它的出現(xiàn)是為我們解決空指針異常的，以前我們寫代碼如果不進行判斷，會經(jīng)常出現(xiàn)異常。因為它本身就是個對象，不管放進去的對象為不為，始終不會返回，所以你也不需要在你的業(yè)務(wù)流程中進行一大堆的判斷，避免了程序運行時的空指針異常。想必大家已經(jīng)在使用jdk1.8做項目開發(fā)，但是你對于它里面的一些性特性了解多少呢？有沒有在你的項目中運用呢？現(xiàn)在就和我來一起梳理一下吧。介紹它是java.util包...

liaosilzu2007 2019-08-19 11:33 評論0 收藏0
CSS3新特性學(xué)習(xí)

摘要：引言最近發(fā)現(xiàn)很多的新特性不熟悉，所以今天把它們都學(xué)習(xí)一邊，做出效果加深印象，說到還加了蠻多的特性，像一些的一些效果，動畫屬性等。引言最近發(fā)現(xiàn)很多css3的新特性不熟悉，所以今天把它們都學(xué)習(xí)一邊，做出效果加深印象，說到css3還加了蠻多的特性，像一些border的一些效果，動畫屬性animation trasiform等。 1.border-radius（邊框圓角）效果 showI...

wing324 2019-08-29 12:31 評論0 收藏0
Java8新特性學(xué)習(xí)筆記

摘要：雖然目前工作環(huán)境仍然以為主，不過目前已是大勢所趨了。標(biāo)準(zhǔn)函數(shù)式接口新的包定義旨在使用的廣泛函數(shù)式接口。這一改進使得擁有了類似于多繼承的能力。從Java8發(fā)布到現(xiàn)在有好幾年了,而Java9也提上發(fā)布日程了(沒記錯的話好像就是這個月2017年7月，也許會再度跳票吧，不過沒關(guān)系，穩(wěn)定大于一切，穩(wěn)定了再發(fā)布也行)，現(xiàn)在才開始去真正學(xué)習(xí)，說來也是慚愧。雖然目前工作環(huán)境仍然以Java6為主，不過...

wthee 2019-08-15 10:46 評論0 收藏0
[ ES6 ] 一. ECMAScript 6 相關(guān)學(xué)習(xí)資源

摘要：瀏覽器兼容性列表可以看到還是全線飄紅的和支持特新列表據(jù)此在和上使用這些新特新待補充二相關(guān)教程最重要的產(chǎn)品規(guī)格書，什么教程也脫離不了這里的標(biāo)準(zhǔn)，英文好的還是多看點。一. ES6新特性相關(guān) es6features : 經(jīng)典的ES6新特性預(yù)覽，github 逼近 10k star . ES6新特性概覽：同樣也很全面的特性介紹的中文版。瀏覽器兼容性列表：可以看到還是全線飄紅的~~~ ...

Towers 2019-08-21 10:40 評論0 收藏0
JDK 1.8 新特性學(xué)習(xí)（Stream）

摘要：會在數(shù)據(jù)源內(nèi)部隱式的遍歷進行處理。會并行遍歷數(shù)據(jù)，將數(shù)據(jù)分成若干段，同時進行處理，最終匯總結(jié)果一起輸出。結(jié)束操作會觸發(fā)實際計算，計算發(fā)生時會把所有中間操作積攢的操作以的方式執(zhí)行，這樣可以減少迭代次數(shù)。為函數(shù)式編程而生。 Stream實現(xiàn)了對數(shù)據(jù)源的流式處理，它可以并行操作，提高數(shù)據(jù)處理效率。什么是流流不是集合，它不對數(shù)據(jù)做保存，只是最數(shù)據(jù)進行算法處理，比如最大值，最小值，排序等操作...

yhaolpz 2019-08-19 11:33 評論0 收藏0