動態(tài)內(nèi)存分配導(dǎo)致影響Javascript性能的問題-創(chuàng)新互聯(lián)

內(nèi)存分配對性能的影響是很大的，分配內(nèi)存本身需要時間，垃圾回收器回收內(nèi)存也需要時間，所以應(yīng)該盡量避免在堆里分配內(nèi)存。不過直到最近優(yōu)化HoLa cantk時，我才深刻的體會到內(nèi)存分配對性能的影響，其中有一個關(guān)于arguments的問題挺有意思，寫在這里和大家分享一下。

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了柘城免費建站歡迎大家使用！

我要做的事情是用webgl實現(xiàn)canvas的2d API(這個話題本身也是挺有意思的，有空我們再討論)，drawImage是一個重要的函數(shù)，游戲會頻繁的調(diào)用它，所以它的性能至關(guān)重要。drawImage的參數(shù)個數(shù)是可變的，它有三種形式：

• drawImage(image, x, y)
• drawImage(image, x, y, width, height)
• drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)

第一個版本大概是這樣實現(xiàn)的：

function Context() {
}
Context.prototype.drawImage3 = function(image, x, y) {
  this.drawImage9(image, 0, 0, image.width, image.height, x, y, image.width, image.height);
}
Context.prototype.drawImage5 = function(image, dx, dy, dw, dh) {
  this.drawImage9(image, 0, 0, image.width, image.height, dx, dy, dw, dh);
}
Context.prototype.drawImage9 = function(image, sx, sy, sw, sh, dx, dy, dw, dh) {
  //DO IT
}
Context.prototype.drawImage = function(image, a, b, c, d, e, f, g, h) {
  var n = arguments.length;
  if(n === 3) {
    this.drawImage3(image, a, b);
  }else if(n === 5) {
    this.drawImage5(image, a, b, c, d);
  }else if(n === 9) {
    this.drawImage9(image, a, b, c, d, e, f, g, h);
  }
}

名稱欄目：動態(tài)內(nèi)存分配導(dǎo)致影響Javascript性能的問題-創(chuàng)新互聯(lián)
標(biāo)題鏈接：http://m.jiaotiyi.com/article/dehspg.html