問題描述

如果我們加載一張圖片的時(shí)候，我們常常會(huì)寫：

let image = new Image();
image.onload = () => {
    // deal with downloaded image
};
image.src = path;

但是這樣的的過程顯然是異步回調(diào)的。請問在用原生js的前提下，有沒有同步阻塞的寫法呢？

更新

有人問問題背后的問題，嗯……問題背后當(dāng)然是有問題的，要不然我也不會(huì)費(fèi)這么大力氣同步。
我在用webgl寫渲染，隨著demo越來越大，代碼也變得越來越丑陋。于是就想著封裝。

假如一個(gè)場景中有一個(gè)物體Car，那么我希望代碼可以簡答粗暴地寫成如下的樣子：

let car = new Car();

function render() {
    car.draw();
    requestAnimationFrame(render);
}

requestAnimationFrame(render);

但是這就要求在Car類內(nèi)部需要處理好所有的加載問題。

class Car {
    constructor() {
        // load shader
        // load texture
    }
    draw() {
        // use shader and texture to render
    }
}

在構(gòu)造函數(shù)中加載，而draw依賴于構(gòu)造函數(shù)中加載的完成?？梢钥紤]用Promise，但是很慚愧我對Promise這一套還不甚熟悉。而且很不確定是否能和webgl混在一起用。
如果有人了解的話并回答的話，非常感謝！