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

資訊專欄INFORMATION COLUMN

ES6常用實例

stackvoid / 3011人閱讀

摘要:屬性名表達式屬性的簡潔表示法允許在對象之中,直接寫變量。函數(shù)返回一個對象。另一個栗子函數(shù)內(nèi)部語句返回的值,會成為方法回調(diào)函數(shù)的參數(shù)。

屬性名表達式
var obj = {
  ["student_" + "1_name"]: "jack",
  ["say" + "hello"]() { // 
    return "hi";
  }
};
console.log(obj.student_1_name);//jack
console.log(obj.sayhello());//hi
屬性的簡潔表示法
var b = {foo} // b = {foo:foo}
//ES6 允許在對象之中,直接寫變量。這時,屬性名為變量名, 屬性值為變量的值
function getPoint() {
  const x = 1;
  const y = 10;
  return {x, y};
}
getPoint();// {x:1, y:10}



解構(gòu)賦值

交換變量

var x=1,y=2;
[x,y]=[y,x];
console.log(x);//2

提取JSON數(shù)據(jù),比如從后臺拿回來的返回值

var {res,code} = {res:
                    {
                        data: [1,2,4],
                        total: 3
                    },code:200};
console.log(res.total);//3

函數(shù)無序傳參

function name({ x, y, z }) {
  console.log(z);
}
name({ z: 6, y: 2, x: 4 });//6

函數(shù)傳參可以設(shè)置默認(rèn)值

function name({ x = 1, y, z }) {
    console.log(x);
}
name({ z: 6, y: 2});

輸入模塊的指定方法

const { SourceMapConsumer, SourceNode } = require("source-map");
import { func1 , func2 } from "../common.js"
擴展運算符

取代concat合并數(shù)組

let arr1=[1,2,3],
    arr2 = [4,5],
    all = [...arr1,...arr2];
console.log(all);//[1,2,3,4,5]

與解構(gòu)賦值配合,截取部分?jǐn)?shù)組

var first = [1, 2, 3],
    second = [2],
    [first, second, ...last] = [1, 2, 3, 4, 5];
  console.log(last);//[3,4,5]
  
 

字符串轉(zhuǎn)數(shù)組

var arr = [..."hello"];
console.log(arr);//["h", "e", "l", "l", "o"]
字符串?dāng)U展

字符串補全長度

//補全指定位數(shù)
"1".padStart(10,"0");//"0000000001"
數(shù)組擴展
使用 Array.from 方法,將類似數(shù)組的對象轉(zhuǎn)為數(shù)組
   const foo = document.querySelectorAll("div");
   const nodes = Array.from(foo); 

  
async函數(shù)
函數(shù)前面的async關(guān)鍵字,表明該函數(shù)內(nèi)部有異步操作。
async function getStockPriceByName(name) {
  const symbol = await getStockSymbol(name);
  const stockPrice = await getStockPrice(symbol);
  return stockPrice;
}

getStockPriceByName("goog").then(function (result) {
  console.log(result);
});
async函數(shù)返回一個 Promise 對象。
//另一個栗子:
function timeout(ms) {
  return new Promise((resolve) => {
    setTimeout(resolve, ms);
  });
}

async function asyncPrint(value, ms) {
  await timeout(ms);
  console.log(value);
}

asyncPrint("hello world", 50);
async函數(shù)內(nèi)部return語句返回的值,會成為then方法回調(diào)函數(shù)的參數(shù)。
//栗子
async function f() {
  return "hello world";
}

f().then(v => console.log(v))
// "hello world"
多個await命令后面的異步操作
let [foo, bar] = await Promise.all([getFoo(), getBar()]);    
class的繼承
class point {
    constructor(x,y) {
        this.x = x;
        this.y = y;
    }
    toString() {
        return "("+ this.x + "," + this.y + ")";
    }
}
class circlePoint extends point {
    constructor(x,y,color) {
      super(x, y);
      this.color = color;
    }
    toString() {
      return this.color + "" + super.toString();
    }
}
console.log(new circlePoint(1,2,"red").toString()); //red(1,2)

Module 的語法
export與export default的區(qū)別
1、在一個文件或模塊中,export、import可以有多個,export default僅有一個
2、通過export方式導(dǎo)出,在導(dǎo)入時要加{ },export default則不需要   
  

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

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/97229.html

相關(guān)文章

  • 實例感受-es6常用語法和優(yōu)越性

    摘要:在重寫完了的時候,就個人總結(jié)了一下常用的一些常用的語法和比優(yōu)越的方面。參數(shù)字符串是否在原字符串的尾部返回布爾值。第一個大于的成員的索引方法,用于某個數(shù)組是否包含給定的值,返回一個布爾值。 1.前言 前幾天,用es6的語法重寫了我的一個代碼庫,說是重寫,其實改動的并不多,工作量不大。在重寫完了的時候,就個人總結(jié)了一下es6常用的一些常用的語法和比es5優(yōu)越的方面。下面提到的語法可能也就是...

    fsmStudy 評論0 收藏0
  • ES6 常用知識點總結(jié)

    摘要:常用知識總結(jié)之前總結(jié)了中的一些知識點。在年正式發(fā)布了,簡稱,又稱為。作為構(gòu)造函數(shù)的語法糖,同時有屬性和屬性,因此同時存在兩條繼承鏈。子類的屬性,表示構(gòu)造函數(shù)的繼承,總是指向父類。 ES6常用知識總結(jié) 之前總結(jié)了es5中js的一些知識點。這段時間看了石川blue老師講解的es6課程,結(jié)合阮一峰老師的es6教程,隨手做了一些筆記和總結(jié)分享給大家。內(nèi)容還是es6主要的知識點,基本沒有什么創(chuàng)新...

    leap_frog 評論0 收藏0
  • ES6 常用知識點總結(jié)

    摘要:常用知識總結(jié)之前總結(jié)了中的一些知識點。在年正式發(fā)布了,簡稱,又稱為。作為構(gòu)造函數(shù)的語法糖,同時有屬性和屬性,因此同時存在兩條繼承鏈。子類的屬性,表示構(gòu)造函數(shù)的繼承,總是指向父類。 ES6常用知識總結(jié) 之前總結(jié)了es5中js的一些知識點。這段時間看了石川blue老師講解的es6課程,結(jié)合阮一峰老師的es6教程,隨手做了一些筆記和總結(jié)分享給大家。內(nèi)容還是es6主要的知識點,基本沒有什么創(chuàng)新...

    CODING 評論0 收藏0
  • ES6 常用知識點總結(jié)

    摘要:常用知識總結(jié)之前總結(jié)了中的一些知識點。在年正式發(fā)布了,簡稱,又稱為。作為構(gòu)造函數(shù)的語法糖,同時有屬性和屬性,因此同時存在兩條繼承鏈。子類的屬性,表示構(gòu)造函數(shù)的繼承,總是指向父類。 ES6常用知識總結(jié) 之前總結(jié)了es5中js的一些知識點。這段時間看了石川blue老師講解的es6課程,結(jié)合阮一峰老師的es6教程,隨手做了一些筆記和總結(jié)分享給大家。內(nèi)容還是es6主要的知識點,基本沒有什么創(chuàng)新...

    leon 評論0 收藏0

發(fā)表評論

0條評論

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