国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

經常會用到的es6的知識點

asce1885 / 2689人閱讀

摘要：經常會用到的的知識點提到我們就來說說，也是誕生，它的初始名叫。又名，在，和大受重用。年，負責制定規范草案的委員會決定將定義新標準的制度改為一年一次出現。它們在規范的先前版本中被稱為模板字符串。它與數組非常相似，但是數據結構的成員都是唯一的。

經常會用到的es6的知識點
提到es6我們就來說說javascript，es6也是ES2015

1995：JavaScript誕生，它的初始名叫LiveScript。

1997：ECMAScript標準確立。

1999：ES3出現，與此同時IE5風靡一時。

2000–2005： XMLHttpRequest又名AJAX， 在Outlook Web Access (2000)、Oddpost (2002)，Gmail (2004)和Google Maps (2005)大受重用。

2009： ES5出現，（就是我們大多數人現在使用的）例如foreach，Object.keys，Object.create和JSON標準。

2015：ES6/ECMAScript2015出現。 2015 年，負責制定 ECMAScript 規范草案的委員會 TC39 決定將定義新標準的制度改為一年一次

2016：ES7/ECMAScript2016出現。

2017：ES8/ECMAScript2017出現。

說到es6就會想到兼容，我給大家推薦兩個鏈接大家可以去看看，還是很好的
https://kangax.github.io/comp...
http://kangax.github.io/compa...
es6的使用方式
可以將es6的代碼轉成es5的代碼,Babel Google traceur這是兩個轉碼器，大家可以去試一下
Babel是一個廣泛使用的ES6轉碼器，可以將ES6代碼轉為ES5代碼，從而在現有環境執行。大家可以選擇自己習慣的工具來使用使用Babel
js中var、let、const的區別
var！！！！
var定義的變量可以修改，如果不初始化會輸出undefined，不會報錯
var分為兩種：局部作用域和函數作用域
let！！！！
let是塊級作用域，函數內部使用let定義后，對函數外部無影響。
let是塊級作用域，跟var不同的是，let沒有前置功能，不能重復聲明
const！！！！
const定義的變量不可以修改，而且必須初始化。
const是常量，不可改變，一般大寫，也是塊級作用域。。。
es6模板字符串、增強的對象字面、解構賦值
es6模板字符串
模板字符串是允許嵌入表達式的字符串字面量。你可以使用多行字符串和字符串插值功能。它們在ES2015規范的先前版本中被稱為“模板字符串。

``撇號

綁定變量

字符串支持多行

...擴展運算符

增強的對象字面
對象字面量的輸出方式有兩種：傳統的‘。’，以及數組方式，只不過用數組方式輸出時，方括號里面要用引號括起來
對象字面量的定義方式，可以輕松搞定函數大量參數需要一一對應輸出的情況。他的對策就是給函數傳入一個對象，而這個對象是用字面量的方式定義的，屬性和值對應的方式可以一目了然他們的關系，因為函數只是一段代碼，必須調用才能執行

字面量對象屬性能夠簡寫

字面量對象方法可以簡寫省去function關鍵字

對象屬性 可以寫 自動計算的屬性

繼承——port——

解構賦值
解構賦值可將數組的元素或對象的屬性賦予給另一個變量，該變量的定義語法與數組字面量或對象字面量很相似。此語法非常簡潔，相比于傳統的屬性訪問方式，更加直觀清晰。
事實上，用變量來描述并不恰當，因為你可以對任意深度的嵌套數組進行解構：
var [foo, [[bar], baz]] = [1, [[2], 3]];
console.log(foo);
// 1
console.log(bar);
// 2
console.log(baz);
// 3
可以在對應位留空來跳過被解構數組中的某些元素：
var [,,third] = ["foo", "bar", "baz"];
console.log(third);
// "baz"
es6的擴展運算符，箭頭函數，函數參數
擴展運算符的幾個作用

展開數組

數組的拷貝

數組的合并

展開函數的調用

箭頭函數
//箭頭函數 =>
let jian = () => {
    console.log("Hello")
}
jian();
//沒有參數
()=>{
    console.log("你好")
};
//有參數
(name)=>{
    console.log(name);
};
//可以省略()
let d = name=>{
    console.log(name);
}
d("jiang");
//兩個參數
(name,age)=>{
    console.log(name,age);
};
//省略后的
let c (a,b)=>a+b;
(a,b)=>{console.log(a+b);
console.log(c);
函數參數
函數參數分為三種

默認參數

擴展參數

剩余參數

Symbol
Symbol是ES6新增的一種值類型數據，表示一種絕不重復的值
let m = 1;
let l = 1;
console.log(m==l);//打印出true

let mm = Symbol();
let ll = Symbol();
console.log(mm==ll);//打印出flase
注意，這里 Symbol 前面不能使用 new 操作符。
如果要獲取對象 symbol 屬性，需要使用 Object.getOwnPropertySymbols(o)。
Set和WeakSet
ES6 新增 2種 數據結構(New data structures)類型, Set和Map
Set和WeakSet 數據結構是ES6新增。
它與數組非常相似，但是Set數據結構的成員都是唯一的。
特別說明:Set中只能添加一個NaN
// Sets
var s = new Set();
s.add("hello").add("goodbye").add("hello");
s.size === 2;
s.has("hello") === true;

// Weak Sets
var ws = new WeakSet();
ws.add({ data: 42 });
類似于 WeakMap，WeakSet 對象可以讓你在一個集合中保存對象的弱引用，在 WeakSet 中的對象只允許出現一次：
var ws = new WeakSet();
var obj = {};
var foo = {};

ws.add(window);
ws.add(obj);

ws.has(window); // true
ws.has(foo);    // false, foo 沒有添加成功

ws.delete(window); // 從結合中刪除 window 對象
ws.has(window);    // false, window 對象已經被刪除
Map和WeakMap
Map和WeakMap是ES6新增的數據結構 事實上每個對象都可以看作是一個 Map。 它們本質與對象一樣，都是鍵值對的集合，但是他們與Object對象主要的不同是，鍵可以是各種類型的數值，而Object對象的鍵只能是字符串類型或者Symbol類型值 。Map和WeakMap是更為完善的Hash結構。
// Maps
var m = new Map();
m.set("hello", 42);
m.set(s, 34);
m.get(s) == 34;

// Weak Maps
var wm = new WeakMap();
wm.set(s, { extra: 42 });
wm.size === undefined
WeakMap數據結構 WeakMap結構與Map結構基本類似。 區別是它只接受對象作為鍵名，不接受其他類型的值作為鍵名。鍵名是對象的弱引用，當對象被回收后，WeakMap自動移除對應的鍵值對，WeakMap結構有助于防止內存泄漏。
var wm = new WeakMap(); 
var obj = new Object(); 
wm.set(obj,"對象1"); 
obj=null; 
wm.get(obj);    //undefined 
wm.has(obj);    //false
由于WeakMap對象不可遍歷，所以沒有size屬性。

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

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

相關文章

  • Vue面試中，經常會被問到的面試題/Vue知識點整理

    摘要：可以在該鉤子中進一步地更改狀態，不會觸發附加的重渲染過程。我工作中只用到，對和不怎么熟與的區別相同點都支持指令內置指令和自定義指令都支持過濾器內置過濾器和自定義過濾器都支持雙向數據綁定都不支持低端瀏覽器。 看看面試題，只是為了查漏補缺，看看自己那些方面還不懂。切記不要以為背了面試題，就萬事大吉了，最好是理解背后的原理，這樣面試的時候才能侃侃而談。不然，稍微有水平的面試官一看就能看出，是...

    mengbo 評論0 收藏0

  • JavasScript重難點知識

    摘要：忍者級別的函數操作對于什么是匿名函數，這里就不做過多介紹了。我們需要知道的是，對于而言，匿名函數是一個很重要且具有邏輯性的特性。通常，匿名函數的使用情況是創建一個供以后使用的函數。 JS 中的遞歸 遞歸, 遞歸基礎, 斐波那契數列, 使用遞歸方式深拷貝, 自定義事件添加 這一次，徹底弄懂 JavaScript 執行機制 本文的目的就是要保證你徹底弄懂javascript的執行機制，如果...

    forsigner 評論0 收藏0

  • 「前端面試題系列5」ES6 中箭頭函數的用法

    摘要：在這里，如果用箭頭函數，可以這樣改寫箭頭函數并沒有自己的，所以事件處理函數的調用者并不受影響。比如，在需要動態上下文的場景中，使用箭頭函數需要格外地小心，這些場景包括對象的方法原型方法事件的回調構造函數。 showImg(https://segmentfault.com/img/bVboce6?w=1304&h=734); 前言 年味兒漸散，收拾下心情，繼續敲代碼吧。 對于即將到來金三...

    betacat 評論0 收藏0

  • ES6/ES7 三點式 —— 擴展運算符與剩余操作符

    摘要：擴展運算符的應用接下來看看擴展運算符的常見應用。會報錯方式使用擴展運算符代替方法方式擴展運算符方式剩余操作符另外一種以三個點形式出現的是剩余操作符，與擴展操作符相反，剩余操作符將多個值收集為一個變量，而擴展操作符是將一個數組擴展成多個值。 ES6 標準提供給 JavaScript 開發者許多簡化代碼的新特性，今天要介紹的擴展運算符就是非常常用的一種。可以使你的代碼更加簡潔優雅。 擴展運...

    zgbgx 評論0 收藏0

  • ES6精解：promise用法

    前言 今天就簡單總結一下promise的用法，在用promise之前，我們要先了解一下什么promise，這個東西是用來干什么的？ 通俗易懂的講，promise其實就是一個構造函數，是用來解決異步操作的，我們平時其實還是會用到挺多的，比如我們經常會嵌套一層層的函數 step1(function (value1) { step2(value1, function(value2){ s...

    enali 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<