js異步改同步執行

最簡單實用的ES7新語法

示例代碼：

function getSomething() {//js代碼
 var r = 0;
 return new Promise(function(resolve) {
 setTimeout(function() {
  r = 2;
  resolve(r);
 }, 10);
 });
}

async function compute() {
 var x = await getSomething();
 alert(x * 2);
}

 

利用html2canvas的js前台轉圖片的base碼，同步獲取base碼的值

應用實例:

 function getPicBase() {
        let container = document.getElementById("pic")//html的元素id
        let imgData;
        let options ={
            backgroundColor : '#060d19'
        }
        var path=html2canvas(container,options).then(canvas => {
            var imgData = canvas.toDataURL()
            /*   let link = document.createElement('a')
               link.href = imgData
               link.download = 'maowei2.png'
               console.log(link)
               link.click()*///這段用於瀏覽器上下載圖片
            return imgData
        })
        return path//path是一個promise對象，異步的  $.ajax()返回的也是一個promise對象
    }
    test()
    async  function test() {
       console.log(await getPicBase())
    }