Skip to content

Instantly share code, notes, and snippets.

@padolsey
Last active February 21, 2024 11:50
Show Gist options
  • Save padolsey/6008842 to your computer and use it in GitHub Desktop.
Save padolsey/6008842 to your computer and use it in GitHub Desktop.
Dead simple straight-up performant interpolation
/**
* Outputs a new function with interpolated object property values.
* Use like so:
* var fn = makeInterpolator('some/url/{param1}/{param2}');
* fn({ param1: 123, param2: 456 }); // => 'some/url/123/456'
*/
var makeInterpolator = (function() {
var rc = {
'\n': '\\n', '\"': '\\\"',
'\u2028': '\\u2028', '\u2029': '\\u2029'
};
return function makeInterpolator(str) {
return new Function(
'o',
'return "' + (
str
.replace(/["\n\r\u2028\u2029]/g, function($0) {
return rc[$0];
})
.replace(/\{([\s\S]+?)\}/g, '" + o["$1"] + "')
) + '";'
);
};
}());
var url = makeInterpolator('http://something.com/{param}/{foo}?x={n}');
url({
param: '123',
foo: '456',
n: 789
});
@mathiasbynens
Copy link

Only special-casing \n and \r is not enough. Having \u2028 or \u2029 in the input string still throws an error. Just replace them with their (double-)escaped equivalents and you’ll be fine.

@padolsey
Copy link
Author

@mathiasbynens: cool, thanks! -- just edited it.

@calvinmetcalf
Copy link

@padolsey I got what you were going for after I read your blog post

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment