成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

ES6基本常用語法

Pandaaa / 1292人閱讀

摘要：它好比參數(shù)的逆運(yùn)算，將一個(gè)數(shù)組轉(zhuǎn)為用逗號(hào)分隔的參數(shù)序列。六對(duì)象比較兩個(gè)值相等解決類型轉(zhuǎn)換和的不等于自身，以及等于。

一、Let 和 const

更加優(yōu)先使用let 和 const去取代var

二、變量的解構(gòu)賦值 變量對(duì)象數(shù)組賦值 
/*
let a=1;
let b={x:"test"};
let c=[1,2,3];
*/
let [a, b, c] = [1, {x: "test"}, [1, 2, 3]];
console.log(a);  //1
console.log(b.x);  //test
console.log(c.length);  //3
默認(rèn)值 
let [x = "1"] = [];
console.log(x);  //1

let [y, z = "2"] = ["1"];
console.log(y);  //1
console.log(z);  //2
用途

交換變量的值

let [x, y] = [1, 2];
[x, y] = [y, x];
console.log(`x=${x} y=${y}`);  //x=2 y=1

提取 JSON 數(shù)據(jù)

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

let { id, status, data } = jsonData;

console.log(id, status, data);  // 42, "OK", [867, 5309]

輸入模塊的指定方法

const { SourceMapConsumer, SourceNode } = require("source-map");
三、字符串

字符串遍歷

let str="hello";
for(let i of str){
    console.log(i); 
}
/*
h
e
l
l
o
 */

includes(), startsWith(), endsWith()

let str="hello";
console.log(str.startsWith("he"));  //true
console.log(str.endsWith("lo"));  //true
console.log(str.includes("ll"));  //true

模板字符串

let a="test";
console.log(`I am ${a}`);  //I am test
四、函數(shù)

rest參數(shù)

function add(...values) {
  let sum = 0;

  for (var val of values) {
    sum += val;
  }

  return sum;
}

console.log(add(2, 5, 3)) // 10

箭頭函數(shù)

/*
function test(x,y){
    return x+y;
}
*/

const test=(x,y)=>x+y;

使用箭頭函數(shù)可以避免ES5函數(shù)this的問題，箭頭函數(shù)this在方法內(nèi)和方法外是一樣的

五、數(shù)組

拓展運(yùn)算符

擴(kuò)展運(yùn)算符（spread）是三個(gè)點(diǎn)（...）。它好比 rest 參數(shù)的逆運(yùn)算，將一個(gè)數(shù)組轉(zhuǎn)為用逗號(hào)分隔的參數(shù)序列。

console.log(...[1, 2, 3])
// 1 2 3

console.log(1, ...[2, 3, 4], 5)
// 1 2 3 4 5
六、對(duì)象

Object.is() 比較兩個(gè)值相等

解決==類型轉(zhuǎn)換和===的NaN不等于自身，以及+0等于-0。

Object.assign

對(duì)象的淺拷貝

對(duì)象深拷貝

JSON.parse(JSON.stringify(data));

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

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

相關(guān)文章

  • ES6-7

    摘要：的翻譯文檔由的維護(hù)很多人說，阮老師已經(jīng)有一本關(guān)于的書了入門，覺得看看這本書就足夠了。前端的異步解決方案之和異步編程模式在前端開發(fā)過程中，顯得越來越重要。為了讓編程更美好，我們就需要引入來降低異步編程的復(fù)雜性。 JavaScript Promise 迷你書（中文版） 超詳細(xì)介紹promise的gitbook，看完再不會(huì)promise...... 本書的目的是以目前還在制定中的ECMASc...

    mudiyouyou 評(píng)論0 收藏0

  • ES6常用語法整合

    摘要：說到肯定是先介紹了，據(jù)阮一峰老師介紹到，是一個(gè)廣泛使用的轉(zhuǎn)碼器，可以將代碼轉(zhuǎn)為代碼，從而在現(xiàn)有環(huán)境執(zhí)行。輸出其他還有等可以查看阮一峰的入門 ES6也出來有一會(huì)時(shí)間了，他新增的語法糖也的確大大提高了開發(fā)者的效率，今天就總結(jié)一些自己用到最多的。 說到ES6肯定是先介紹Babel了，據(jù)阮一峰老師介紹到，Babel是一個(gè)廣泛使用的轉(zhuǎn)碼器，可以將ES6代碼轉(zhuǎn)為ES5代碼，從而在現(xiàn)有環(huán)境執(zhí)行。這意...

    張遷 評(píng)論0 收藏0

  • 面試深入一、ES6模塊化、安裝和打包

    摘要：開發(fā)環(huán)境已經(jīng)普及使用瀏覽器環(huán)境卻支持不好需要開發(fā)環(huán)境編譯內(nèi)容很多，重點(diǎn)了解常用語法面試開發(fā)環(huán)境的使用重點(diǎn)語法的掌握問題模塊化如何使用，開發(fā)環(huán)境如何打包和普通構(gòu)造函數(shù)有何區(qū)別的基本使用和原理總結(jié)一下其他常用功能模塊化的基本語法開發(fā)環(huán)境電腦有 ES6 開發(fā)環(huán)境已經(jīng)普及使用 瀏覽器環(huán)境卻支持不好（需要開發(fā)環(huán)境編譯） 內(nèi)容很多，重點(diǎn)了解常用語法 面試：開發(fā)環(huán)境的使用 + 重點(diǎn)語法的掌握 ...

    verano 評(píng)論0 收藏0

  • 工作中常用es6+特性

    摘要：結(jié)合工作中使用情況，簡單對(duì)進(jìn)行一些復(fù)習(xí)總結(jié)，包括常用的語法，等，以及短時(shí)間內(nèi)要上手需要重點(diǎn)學(xué)習(xí)的知識(shí)點(diǎn)不同工作環(huán)境可能有一些差別，主要參考鏈接是阮一峰的博客以及外文博客阮老師大部分文章是直接翻譯的這個(gè)博客簡介先說一下，是一個(gè)標(biāo)準(zhǔn)化組織，他們 結(jié)合工作中使用情況，簡單對(duì)es6進(jìn)行一些復(fù)習(xí)總結(jié)，包括常用的語法，api等，以及短時(shí)間內(nèi)要上手需要重點(diǎn)學(xué)習(xí)的知識(shí)點(diǎn)（不同工作環(huán)境可能有一些差別），...

    xcold 評(píng)論0 收藏0

  • es6語法快速上手

    摘要：二一個(gè)的解析器在我們正式講解語法之前，我們得先了解下。而則實(shí)際上為新增了塊級(jí)作用域。的繼承機(jī)制，實(shí)質(zhì)是先創(chuàng)造父類的實(shí)例對(duì)象所以必須先調(diào)用方法，然后再用子類的構(gòu)造函數(shù)修改。 隨著google和firfox以及node6.0對(duì)es6的支持，es6語法的定稿使它越來越受到關(guān)注，尤其是react項(xiàng)目基本上都是用es6來寫的。是時(shí)候從es5到es6轉(zhuǎn)變了showImg(http://static...

    PiscesYE 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<