随笔2

function timeout(nums){
    return new Promise(function(resolve,reject){
        setTimeout(resolve,nums);
    })
};
var m=timeout(1000).then(()=>{console.log(true)}).catch(()=>{console.log(false)}).finally(()=>{console.log("111")})

/* 异步操作以同步操作的流程表达出来，图片加载 */
function loadImg(src) {
    const fnPromise = new Promise((resolve, reject) => {
        const oImage = document.createElement('img'); // 创建image标签
        oImage.src = src;  // 开始加载
        oImage.onload = () => {  // 加载成功的回调
            resolve(image); // 成功把image返回
        };
        oImage.onerror = () => {  // 加载失败的回调
            reject(new Error('url not found')); // 失败丢出error
        }
    });
    return fnPromise;
}
/*
 显示图片，入参⬇
  obj={src:'http://pic15.nipic.com/20110628/1369025_192645024000_2.jpg',
  id:'div_img'
  width:'500px',
  height:'100px'
   }
*/
function DisplayImg(obj){
    loadImg(obj.src).then((data) => {
        const oNode=document.getElementById(obj.id);
        oNode.appendChild(data);   //  成功 把 image 标签 插入 body
        data.style.width = obj.width;
        data.style.height = obj.height;
    }).catch((err) => {
        console.log(err);  // 失败打印出错误
    });
}