ES6基本常用語法

Pandaaa 發布于2019-08-23 10:48 / 1287人閱讀

摘要：它好比參數的逆運算，將一個數組轉為用逗號分隔的參數序列。六對象比較兩個值相等解決類型轉換和的不等于自身，以及等于。

一、Let 和 const

更加優先使用let 和 const去取代var

二、變量的解構賦值 變量對象數組賦值

/*
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

默認值

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 數據

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

四、函數

rest參數

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

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

  return sum;
}

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

箭頭函數

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

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

使用箭頭函數可以避免ES5函數this的問題，箭頭函數this在方法內和方法外是一樣的

五、數組

拓展運算符

擴展運算符（spread）是三個點（...）。它好比 rest 參數的逆運算，將一個數組轉為用逗號分隔的參數序列。

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

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

六、對象

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

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

Object.assign

對象的淺拷貝

對象深拷貝

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

云服務器 GPU云服務器 js基本語法 java基本語法 javascript基本語法 java基本語法學習

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

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

ES6-7

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

mudiyouyou 2019-08-21 18:40 評論0 收藏0
ES6常用語法整合

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

張遷 2019-08-20 15:31 評論0 收藏0
面試深入一、ES6模塊化、安裝和打包

摘要：開發環境已經普及使用瀏覽器環境卻支持不好需要開發環境編譯內容很多，重點了解常用語法面試開發環境的使用重點語法的掌握問題模塊化如何使用，開發環境如何打包和普通構造函數有何區別的基本使用和原理總結一下其他常用功能模塊化的基本語法開發環境電腦有 ES6 開發環境已經普及使用瀏覽器環境卻支持不好（需要開發環境編譯）內容很多，重點了解常用語法面試：開發環境的使用 + 重點語法的掌握 ...

verano 2019-08-23 13:49 評論0 收藏0
工作中常用es6+特性

摘要：結合工作中使用情況，簡單對進行一些復習總結，包括常用的語法，等，以及短時間內要上手需要重點學習的知識點不同工作環境可能有一些差別，主要參考鏈接是阮一峰的博客以及外文博客阮老師大部分文章是直接翻譯的這個博客簡介先說一下，是一個標準化組織，他們結合工作中使用情況，簡單對es6進行一些復習總結，包括常用的語法，api等，以及短時間內要上手需要重點學習的知識點（不同工作環境可能有一些差別），...

xcold 2019-08-23 18:39 評論0 收藏0
es6語法快速上手

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

PiscesYE 2019-08-19 18:33 評論0 收藏0