ES6實用的六個知識點

hot_pot_Leo 發布于2019-08-26 12:08 / 743人閱讀

摘要：模板語言塊級作用域定義的是常量聲明的變量，內存地址不可以改變，但是空間的值可以改報錯常量不能改變解構賦值傳統的寫法是展開運算符數組對象做一些異步操作異步任務執行完成數據做一些異步操作異步任務執行完成數據做一些異步操作異步任務執行完成數據如有

1、模板語言

var str  = `
    var a = 1;
    console.log(a)
`;

let userName = "Dean";
console.log( ` I"m ${userName } ` ) ; //  I"m Dean

2、var let const

塊級作用域：

{
    let a = 1;
    var b = 2;
}
console.log(a)  // a is not defined
console.log(b)  // 2

const定義的是常量
（const聲明的變量，內存地址不可以改變，但是空間的值可以改）

let a = 1;
a = 2;
const b = 2;
b = 3;  // 報錯：  Assignment to constant variable （常量不能改變）

3、解構賦值

const {
    resName,
    resPosition,
    parkAreaNum,
    parkStationNum,
    resDesImg
} = resProduct.data;

Object.assign(vm, {
    resName,
    resPosition,
    parkAreaNum,
    parkStationNum,
    resDesImg
});

傳統的寫法是： vm.resName = resProduct.data.resName

4、Spread Operator 展開運算符

function sum(...m){
      let total = 0;
      for(var i of m) {
        total += i;
      }
      console.log(`total: ${total}`)
    }
sum(4,5,6,9);

數組

const color = ["red", "yellow"];
const colorful = [...color, "green", "pink"];
console.log(colorful); //[red, yellow, green, pink]

對象

const alp = { fist: "a", second: "b" };
const alphabets = { ...alp, third: "c" };
console.log(alphabets); //{ "fist": "a", "second": "b", "third": "c"

5、promise

function runAsync1() {
    var p = new Promise(function(resolve, reject) {
        //做一些異步操作
        setTimeout(function() {
            console.log("異步任務1執行完成");
            resolve("數據1");
        }, 1000);
    });
    return p;
}

function runAsync2() {
    var p = new Promise(function(resolve, reject) {
        //做一些異步操作
        setTimeout(function() {
            console.log("異步任務2執行完成");
            resolve("數據2");
        }, 2000);
    });
    return p;
}

function runAsync3() {
    var p = new Promise(function(resolve, reject) {
        //做一些異步操作
        setTimeout(function() {
            console.log("異步任務3執行完成");
            resolve("數據3");
        }, 2000);
    });
    return p;
}

runAsync1()
  .then(function(data) {
    console.log(data);
    return runAsync2();
  })
  .then(function(data) {
    console.log(data);
    return runAsync3();
  })
  .then(function(data) {
    console.log(data);
  });

6、import、export

import util from "../../js/util.js";
export default {
    name: "home",
    data () {},
    methods: {}
}

（如有不足之處，請多指教）

GPU云服務器云服務器十六個 ps去除水印的六種方法阿里云服務器免費六個月阿里云領取六個月服務器

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

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

COVID-19 將加速云計算的六個原因

摘要：當經濟復蘇時，招聘將再次成為關鍵戰場，特別是對年輕求職者來說，不是大量使用云計算的公司將變得不那么有吸引力。 Nutanix副總裁兼銷售首席運營官Andrew Brinded表示，云計算為我們所處的時代提供了一種可行的部署模式，其影響必將不斷擴大。1991年，著名的科技記者斯圖爾特·奧爾索普(Stewart Alsop)做出了一個著名的錯誤預測。我預測最后一臺主機將在1996年3月15日...

蘇丹 2021-11-15 11:36 評論0 收藏0
調研的六個開源DevOps平臺

摘要：項目名稱開發語言活躍度文檔說明功能描述瓦力活躍更新及時文檔較完善，有官網代碼部署平臺空間管理服務器管理項目管理環境管理用戶管理部署管理活躍更新及時文檔較完善，有官網創建主流開發語言的，包括藍鯨智云配置平臺活躍更新及時文檔很完善，有官網，有視項目名稱開發語言活躍度文檔說明功能描述 Walle 瓦力 Python 活躍、更新及時文檔較完善，有官網 DevOps代碼部...

DevYK 2019-07-31 10:09 評論0 收藏0
調研的六個開源DevOps平臺

摘要：項目名稱開發語言活躍度文檔說明功能描述瓦力活躍更新及時文檔較完善，有官網代碼部署平臺空間管理服務器管理項目管理環境管理用戶管理部署管理活躍更新及時文檔較完善，有官網創建主流開發語言的，包括藍鯨智云配置平臺活躍更新及時文檔很完善，有官網，有視項目名稱開發語言活躍度文檔說明功能描述 Walle 瓦力 Python 活躍、更新及時文檔較完善，有官網 DevOps代碼部...

CocoaChina 2019-06-26 18:49 評論0 收藏0