jQuery相當於YUI Lang.sub功能

Question

我正在學習使用Parse API並發現這個使用handlebars.js進行模板化的tutorial。由於我對jQuery很感興趣，並且在YUI中沒有經驗，所以我只是簡單地在jQuery中重寫上面的教程。

但我被困在下面的部分：

var content = Y.Lang.sub(Y.one('#todo-items-template').getHTML(), { 
         content: item.get('content'), 
         id: item.id, 
         isComplete: item.get('isComplete') 
        }); 

其中，content，id和isComplete在解析網上商店領域。

現在，我的問題是：什麼是jQuery等效的以上Lang.sub YUI函數。

Answer 1

這裏是非常基礎，改編或擴展到您的需求：

$.sub = function(str, obj) { 
    return str.replace(/\{([^}]+)\}/g, function(_, m) { 
    return obj[m]; 
    }); 
}; 

console.log($.sub('Hello {foo}', { foo: 'World' })); 
//=> Hello World 

Answer 2

我會建議在手把JS庫拉動;這是一個非常受歡迎的解決方案，功能非常強大。由於它很受歡迎，所以學習如何使用它可能是一個好主意，因爲您將來可能會再次遇到它。其他模板框架在此處列出：http://microjs.com/#templating