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

資訊專欄INFORMATION COLUMN

ES6新語(yǔ)法(二)

haobowd / 783人閱讀

摘要：昨天向大家介紹了的一部分新語(yǔ)法，今天我將把剩下我所知道的新語(yǔ)法都寫到這里插值表達(dá)式之前多行字符串我是寫多行字符串會(huì)語(yǔ)法報(bào)錯(cuò)我是正確，并能按格式輸出這個(gè)書寫方式很像的三引號(hào)，不知道小伙伴們想起來(lái)了沒(méi)。

昨天向大家介紹了ES6的一部分新語(yǔ)法，今天我將把剩下我所知道的新語(yǔ)法都寫到這里

插值表達(dá)式 
//之前
var name="jim"
var age=23

var say="name:"+name+"age:"+age

//es6
var say="name:${name}age:${age}"
多行字符串 
let str="


      
我是jim



"        //寫多行字符串會(huì)語(yǔ)法報(bào)錯(cuò)

//es6
let str=`


      
我是jim



`    //正確，并能按格式輸出

這個(gè)書寫方式很像python的三引號(hào)，不知道小伙伴們想起來(lái)了沒(méi)。

this 
//普通函數(shù)
document.onclick=function fn(){
    console.log(this)
}    //點(diǎn)擊頁(yè)面出現(xiàn):#document    this指向調(diào)用者    

//對(duì)象
var obj={
    x:1,
    y:2,
    sum(){
        console.log(this)    //{x: 1, y: 2, sum: ?}
        return this.x+this.y    //不加this會(huì)找不到x,y，可見(jiàn)this和上面作用相同
    }
}
console.log(obj.sum())

//箭頭函數(shù)
document.onclick=()=>console.log(this)  //Window

為普通函數(shù)固定this,如第一個(gè)例子
let obj={
    name:"jim"
}
fn=fn.bind(obj)
fn()    //{name: "jim"}    this指向了obj

this的指向?qū)τ谄胀ê瘮?shù)指向了調(diào)用它的對(duì)象，對(duì)于箭頭函數(shù)指向了所處大環(huán)境，對(duì)于對(duì)象指向其本身

Promise:同步操作解決異步之痛 
#對(duì)于以前我們一個(gè)頁(yè)面要處理好幾個(gè)ajax請(qǐng)求可能需要按照步驟一步步來(lái)操作，而現(xiàn)在，我們有了Promise,看看具體怎么操作吧
let p=new Promise({
    (resolve,reject)=>{
      $.ajax({
        url:request url,
        success(data){
          resolve(data)
        },
        error(err){
          reject(err)
        }
      })
    }
  })
  p.then((data)=>{},(err)=>{})    //then用來(lái)最后處理數(shù)據(jù)

Promise.all([
    $.ajax(),
    $.ajax(),
    $.ajax(),
]).then(data=>{},err=>{})    //批次處理，其data是一個(gè)數(shù)據(jù)數(shù)組，有需求可以通過(guò)解構(gòu)然后處理
async/await 
async function fn(){
    console.log("1")
    let v=await 2    //后面跟同步操作是不等待的
    console.log(v)
}
fn()    //1
2

async function fn(){
    console.log("1")
    let v=await $.ajax("a.txt")    //$.ajax就是一個(gè)Promise
    console.log(v)    //輸出ajax獲取數(shù)據(jù)
}
fn()

我們可以通過(guò)async/await+Promise做異步處理,減少傳統(tǒng)的開發(fā)難度。

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/100259.html

相關(guān)文章

  • [ ES6 ] 快速掌握常用 ES6 （二）

    摘要：本系列文章適合快速掌握入門語(yǔ)法，想深入學(xué)習(xí)的小伙伴可以看看阮一峰老師的入門本篇文章是對(duì)之前文章的一個(gè)補(bǔ)充，可以使代碼更簡(jiǎn)潔函數(shù)參數(shù)默認(rèn)值在傳統(tǒng)語(yǔ)法中如果想設(shè)置函數(shù)默認(rèn)值一般我們采用判斷的形式在新的語(yǔ)法中我們可以在參數(shù)聲明的同時(shí)賦予默認(rèn)值參數(shù) 本系列文章適合快速掌握 ES6 入門語(yǔ)法，想深入學(xué)習(xí) ES6 的小伙伴可以看看阮一峰老師的《ECMAScript 6 入門》 本篇文章是對(duì)之前文章...

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

  • webpack 項(xiàng)目構(gòu)建：（二）ES6 編譯環(huán)境搭建

    摘要：本質(zhì)就是一個(gè)編譯器，通過(guò)將源代碼解析成抽象語(yǔ)法樹將源代碼的結(jié)果一系列轉(zhuǎn)換生成目標(biāo)代碼的將目標(biāo)代碼的轉(zhuǎn)換成代碼。項(xiàng)目構(gòu)建三開發(fā)環(huán)境本地服務(wù)器搭建源碼下載地址參考資料入門阮一峰中文文檔中文網(wǎng) 注：以下教程均在 windows 環(huán)境實(shí)現(xiàn)，使用其他操作系統(tǒng)的同學(xué)實(shí)踐過(guò)程可能會(huì)有些出入。 ??在上一章 webpack 項(xiàng)目構(gòu)建：（一）基本架構(gòu)搭建 我們搭建了一個(gè)最基本的 webpack 項(xiàng)目，現(xiàn)...

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

  • JavaScript數(shù)組去重—ES6的兩種方式

    摘要：數(shù)組的方法方法創(chuàng)建一個(gè)新的數(shù)組，新數(shù)組中的元素是通過(guò)檢查指定數(shù)組中符合條件的所有元素。可選，執(zhí)行函數(shù)時(shí)的值。刪除所有的鍵值對(duì)，沒(méi)有返回值。返回一個(gè)布爾值，表示某個(gè)鍵是否在當(dāng)前對(duì)象之中。 說(shuō)明 JavaScript數(shù)組去重這個(gè)問(wèn)題，經(jīng)常出現(xiàn)在面試題中，以前也寫過(guò)一篇數(shù)組去重的文章，（JavaScript 數(shù)組去重的多種方法原理詳解）但感覺(jué)代碼還是有點(diǎn)不夠簡(jiǎn)單，今天和大家再說(shuō)兩種方法，代碼...

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

  • JavaScript數(shù)組去重—ES6的兩種方式

    摘要：數(shù)組的方法方法創(chuàng)建一個(gè)新的數(shù)組，新數(shù)組中的元素是通過(guò)檢查指定數(shù)組中符合條件的所有元素。可選，執(zhí)行函數(shù)時(shí)的值。刪除所有的鍵值對(duì)，沒(méi)有返回值。返回一個(gè)布爾值，表示某個(gè)鍵是否在當(dāng)前對(duì)象之中。 說(shuō)明 JavaScript數(shù)組去重這個(gè)問(wèn)題，經(jīng)常出現(xiàn)在面試題中，以前也寫過(guò)一篇數(shù)組去重的文章，（JavaScript 數(shù)組去重的多種方法原理詳解）但感覺(jué)代碼還是有點(diǎn)不夠簡(jiǎn)單，今天和大家再說(shuō)兩種方法，代碼...

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

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

0條評(píng)論

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