前端开发之路--关于JS代码的若干个小技巧（二）

1、制作一个JavaScript小型前置模板引擎。

将部分页面的渲染置于前端/客户端，减轻服务端的加载压力，提高页面的性能，可以比较灵活地控制数据。首先构建一个简单的模板，将模板写入script标签中，利用script标签完成在前端的模板加载。记得将script标签的type类型设置为"template",标识为模板类型，与加载js文件的标签类型要区别开来。

2、然后是对数据的定义。

这里推荐使用json形式，json是一种轻量级数据交换格式，易于解析，所以经常用于前后端的数据交换中。

3、接下来是模板的解析方法。

一般情况下来，都是使用字符串的替换法完成模板的解析以及拼接工作。前端首先解析后端传来的数据，然后获得模板的操作节点，然后通过字符串的replace方法正则匹配对应的变量，然后替换成数据中的内容，比如在模板中有以"{{}}"包裹的变量，就是要被替换的内容。

4、上面的替换方法过于局限，如果我修改了模板变量的名称，替换方法就失效了，于是这里要借助字符串的replace方法的另一种用法，通过通用正则表达式，实现灵活替换。

1、因为JavaScript是一门弱类型的脚本语言，所以有时候需要判断变量值的数据类型。

比较常见的方法就是通过JavaScript的原型链寻找其原型来判断其数据类型，这种方法较为准确。

其代码形入：Object.prototype.toString.call(parms)==='[object XXXX]'

2、但是其实可以直接使用jQuery提供的封装方法，type()。

如果对象是undefined或null，则返回相应的“undefined”或“null”。