用相同的命名變量替換字符串

Question

我幾天前寫了一個簡單的東西來回退到佔位符圖像，如果無法加載所需的圖像。它允許用戶使用2個佔位符來定義圖像尺寸：

這就是thing I wrote：

;(window.jQuery || window.Zepto).fn.fallback = function (url) { 
    return this.one('error', function() { 
     this.src = (url|| 'http://lorempixel.com/$w/$h') 
     .replace('$w', this.width).replace('$h', this.height); 
    }); 
}; 

我在問我，現在，如果有可能有更短的更換.replace('$w', this.width).replace('$h', this.height);但等於regex用來自任何對象的指定值替換全部$*（美元+第一個字符）？

事情是這樣的：

'$f is not equal to $b'.replace(/magicregex/, { 
    foo: 'foo', 
    bar: 'bar' 
}); 

這樣我們就可以使用所有properties從image-object，例如image.width,image.src,image.width ...

Answer 1

只有當您使用函數作爲替換。像：

"$w/$h".replace(/\$[wh]/g, function(m){ return m == "$w" ? width : height; }); 

你也可以通過這樣的比較做掉：

"$w/$h".replace(/\$(?:(w)|h)/g, function(m, w){ return w ? width : height; }); 

如果你想要查找的哈希值，你可以使用：

"$w/$h".replace(/\$(\w+)/g, function(m, name){ return hash[name]; });