相当于jQuery的YUI Lang.子函数

jQuery equivalent of YUI Lang.sub function

本文关键字:Lang 子函数 YUI jQuery 相当于      更新时间:2023-09-26

我正在学习使用Parse API,并找到了这个使用handlebars.js作为模板的教程。因为我对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为Parse web store中的字段。

现在,我的问题是:什么是jQuery等同于上面的Lang。

这是最基本的,适应或扩展到您的需求:

$.sub = function(str, obj) {
  return str.replace(/'{([^}]+)'}/g, function(_, m) {
    return obj[m];
  });
};
console.log($.sub('Hello {foo}', { foo: 'World' }));
//=> Hello World

我建议拉入Handlebars JS存储库;这是一个非常流行的解决方案,非常强大。既然它很受欢迎,学习如何使用它可能是一个好主意,因为您将来可能会再次遇到它。

其他模板框架在这里列出:http://microjs.com/#templating