es6中有新意的特性

zhoutao 發布于2019-08-23 12:39 / 1987人閱讀

摘要：說起大家都很熟悉，有些新特性等高級瀏覽器已經實現，不用我們去編譯了。今天我簡單說下的一些特性，算是簡單回顧，梳理下自己的知識體系。聲明的常量即不能重復賦值也不能重復聲明。如果和是同樣的命名，可以縮寫。

說起es6大家都很熟悉，有些es6新特性chrome等高級瀏覽器已經實現，不用我們去編譯了。今天我簡單說下es6的一些特性，算是簡單回顧，梳理下自己的知識體系。

1、聲明變量有變化，不再傻傻分不清

聲明變量有兩種方法，let和const。 let用來聲明變量，const用來聲明常量。

什么是變量？變化的量。比如你的名字，公司地址。

什么是常量？永遠不會變的東西。比如你的生日。

平時我們聲明var的變量可以重復聲明，但let聲明的變量不能重復聲明，但是它們都可以重復賦值。

const聲明的常量即不能重復賦值也不能重復聲明。

2、作用域定義有變化，讓你隨手畫個圈

之前js的作用域是用function來定義的，一個function內是一個作用域。現在是通過{}來定義的，
一個花括號內是一個作用域。

//var聲明的i
var arr=[];
for (var i=0; i<10; i++){
    arr[i]=function(){
        console.log(i);
    }
}
arr[6]();//var聲明的i指向i的地址,所以是10

//var聲明的i如果要得到6，需要用一個立即執行和閉包。把i給num，

//然后在function里面console.log(num)即可，每一個num都是一個新變量。
    var arr=[];
    for (var i=0; i<10; i++){
        arr[i]=(function(num){
             return function () {
            console.log(num);
        }
        })(i);
    }
arr[6]();

//let聲明的i
var arr=[];
for (let i=0; i<10; i++){
//let聲明的i在這個花括號內是一直存在的，到下次循環的時候i=i+1
    arr[i]=function(){
        console.log(i);
    }
}
arr[6]();//6

3、解構賦值二合一，省時省力好簡潔

用人話來說就是左邊和右邊結構一樣。

第一可以省一部分賦值代碼，讓代碼看起來簡潔。

let [a,b]=[1,2];
console.log(a); //1
console.log(b); //2

第二json簡潔，提取方便。如果key和value是同樣的命名，可以縮寫。

let jsonData = {
  id: 42,
  status: "OK",
  data: [867, 5309]
};

let { id, status, data: number } = jsonData;

4、有了字符串模板，遠離+++拼接

let str="真好啊";
console.log("今天天氣"+str+",心情也好！");
//現在可以寫成
console.log(`今天天氣${str},心情也好! `);

5、函數增加新特性，箭頭函數省省省，rest參數略略略

函數里面加了一個箭頭函數和rest參數

箭頭函數可以極大的縮寫我們的函數

如果參數只有一個，可以省略function();
如果有return 返回，可以省略{return };

//一個參數和返回

//以前
let show=function(r){
    return r;
}

//現在
let show=r=>r;

//兩個參數和返回
let show=(a,b)=>{return a+b};

rest參數(...rest)顧名思義就是拿剩下的參數唄

function show(a,b,...arg){
    console.log(arg);
}
show(1,2,3,4,5);//[3,4,5]

rest參數還可以幫我們展開數組

let arr=[1,2,3];
console.log(...arr);

明天我們說數組，對象的繼承，和promise

云服務器 GPU云服務器 es6新特性 es6的新特性類的特性 linux的特性

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98907.html

es6中有新意的特性(2)

摘要：定義父類白色白色定義子類繼承紅色之前的繼承做法是通過原型鏈先指向父類的原型，然后把子類的構造函數指向定義的構造函數。這樣原型鏈上就有了父類的方法，構造函數里面也會有父類的構造函數。書接上回，昨天我們說了展開，展開有什么用呢？ var arr1 = [a, b]; var arr2 = [c]; var arr3 = [d, e]; // ES5 的合并數組 arr1.concat(a...

LiangJ 2019-08-23 12:54 評論0 收藏0
個人分享--web前端學習資源分享

摘要：前言月份開始出沒社區，現在差不多月了，按照工作的說法，就是差不多過了三個月的試用期，準備轉正了一般來說，差不多到了轉正的時候，會進行總結或者分享會議那么今天我就把看過的一些學習資源主要是博客，博文推薦分享給大家。 1.前言 6月份開始出沒社區，現在差不多9月了，按照工作的說法，就是差不多過了三個月的試用期，準備轉正了！一般來說，差不多到了轉正的時候，會進行總結或者分享會議！那么今天我就...

sherlock221 2019-08-20 18:59 評論0 收藏0
在ES6模塊特性中，import時如何正確使用花括號'{ }'

摘要：在之前，社區制定了一些模塊加載方案，最主要的有和兩種。而我們這里要說的是在使用語法引用模塊時，如何正確使用。也就是在這種不使用來引用模塊的情況下，模塊時的命名是隨意的，即如下三種引用命名都是正確的因為它總是會解析到中默認的。在 ES6 之前，社區制定了一些模塊加載方案，最主要的有 CommonJS 和 AMD 兩種。前者用于服務器，后者用于瀏覽器。ES6 在語言標準的層面上，實現了模...

neuSnail 2019-08-21 11:55 評論0 收藏0
JavaScript異步編程的終極演變

摘要：在誕生以前，異步編程的方式大概有下面四種回調函數事件監聽發布訂閱對象將異步編程帶入了一個全新的階段，中的函數更是給出了異步編程的終極解決方案。這意味著，出錯的代碼與處理錯誤的代碼，實現了時間和空間上的分離，這對于異步編程無疑是很重要的。寫在前面有一個有趣的問題：為什么Node.js約定回調函數的第一個參數必須是錯誤對象err(如果沒有錯誤，該參數就是null)? 原因是執行回調函...

whjin 2019-08-20 10:17 評論0 收藏0