javascript與php模板引擎實現原理

標籤：javascript與php模板引擎實現

一、簡單替換：

1. javascript：
   a. 代碼：

   var data = {    ‘name‘:‘lee‘,    ‘place‘:‘wuhan‘}var str = "Hello {{name}}, Welcome to {{place}}!";var res = str.replace(        /{{([\s\S]+?)}}/g,        function(param1,param2){            var index = param2            return data[index]        }    );console.log(res)

   b. 輸出：

   Hello lee, Welcome to wuhan!

2. php：
   a. 代碼：

   <?php$data = array(    ‘name‘=>‘lee‘,    ‘place‘=>‘wuhan‘);$str = "Hello {{name}}, Welcome to {{place}}!";$res = preg_replace_callback(        "/{{([\s\S]+?)}}/",        function($param) use($data){            $index = $param[1];            return $data[$index];        },        $str    );echo $res;

   b. 輸出：

   Hello lee, Welcome to wuhan!

   二、複雜替換：
3. javascript：
   a. 代碼：

   var data = {‘name‘:‘lee‘,‘place‘:‘wuhan‘}var str = "Hello {{data.name}}, Welcome to {{data.place}}!";var res = str.replace(    /{{([\s\S]+?)}}/g,    function(param1,param2){        var ret = eval(param2)        return ret    });console.log(res)

   b. 輸出：

   Hello lee, Welcome to wuhan!

4. php：
   a. 代碼：

   <?php$data = array(    ‘name‘=>‘lee‘,    ‘place‘=>‘wuhan‘);$str = "Hello {{data.name}}, Welcome to {{data.place}}!";$res = preg_replace_callback(        "/{{([\s\S]+?)}}/",        function($param) use($data){            $raw = $param[1];            $arr = explode(‘.‘,$raw);            $command = ‘return ‘.‘$‘.$arr[0].‘[\‘‘.$arr[1].‘\‘];‘;            $ret = eval($command);            return $ret;        },        $str    );echo $res;

   b. 輸出：

   Hello lee, Welcome to wuhan!

javascript與php模板引擎實現原理