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

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

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

基礎(chǔ)語(yǔ)法

變量提升

//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個(gè)JavaScript難點(diǎn)

import在編譯時(shí)執(zhí)行

//profile.js
export var param = [1,2,3];
//index.js
console.log(param);
import {param} from "./profile";
//并沒(méi)有報(bào)錯(cuò)，執(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é)果沒(méi)有變

更改lib

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

參考

Es6新特性

未完【一直更新】

GPU云服務(wù)器云服務(wù)器 ES6 es6-系列 ES6入門(mén) es6 js

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

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

yhaolpz 2019-08-19 11:33 評(píng)論0 收藏0