@codady/utils 0.0.1

package/script-note.js

@@ -0,0 +1,34 @@
+
+/**
+ *  Last modified: 2025/11/15 11:09:56
+ */
+import { readFileSync } from 'fs';
+import { fileURLToPath } from 'url';
+import { dirname, resolve } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);  
+const __dirname = dirname(__filename);  
+
+const pkg = JSON.parse(readFileSync(resolve(__dirname, './package.json'), 'utf8'));
+
+const now = new Date();
+const times = now.getFullYear() + '-' + (now.getMonth() + 1) + '-' + now.getDate() + ' ' + now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds();
+
+const note = `
+/*!
+ * @since Last modified: ${times}
+ * @name Utils for web front-end.
+ * @version ${pkg.version}
+ * @author AXUI development team <3217728223@qq.com>
+ * @description This is a set of general-purpose JavaScript utility functions developed by the AXUI team. All functions are pure and do not involve CSS or other third-party libraries. They are suitable for any web front-end environment.
+ * @see {@link https://www.axui.cn|Official website}
+ * @see {@link https://github.com/codady/utils/issues|github issues}
+ * @see {@link https://gitee.com/codady/utils/issues|Gitee issues}
+ * @see {@link https://www.npmjs.com/package/@codady/utils|NPM}
+ * @issue QQ Group No.1:952502085
+ * @copyright This software supports the MIT License, allowing free learning and commercial use, but please retain the terms 'ax,' 'axui,' 'AX,' and 'AXUI' within the software.
+ * @license MIT license
+ */
+`;
+
+export default note;

package/src/deepClone.js

@@ -0,0 +1,53 @@
+/**
+ * @since Last modified: 2025/12/16 09:02:07
+ * Deep clone an array or object.
+ * Supports Symbol keys. These types are returned directly:
+ * Number, String, Boolean, Symbol, HTML*Element, Function, Date, RegExp.
+ *
+ * @template T
+ * @param {T} data - Array or object to clone
+ * @returns {T} - New object with different memory address
+ *
+ * @example
+ * const obj = { a: '', b: 0, c: [] };
+ * const cloned = deepClone(obj);
+ *
+ * @example
+ * const arr = [{}, {}, {}];
+ * const cloned = deepClone(arr);
+ */
+'use strict';
+import getDataType from './getDataType';
+const deepClone = (data) => {
+    const dataType = getDataType(data);
+    if (dataType === 'Object') {
+        const newObj = {};
+        const symbols = Object.getOwnPropertySymbols(data);
+        // Clone regular properties
+        for (const key in data) {
+            newObj[key] = deepClone(data[key]);
+        }
+        // Clone Symbol properties
+        if (symbols.length > 0) {
+            for (const symbol of symbols) {
+                newObj[symbol] = deepClone(data[symbol]);
+            }
+        }
+        return newObj;
+    }
+    else if (dataType === 'Array') {
+        return data.map(item => deepClone(item));
+    }
+    else if (dataType === 'Date') {
+        return new Date(data.getTime());
+    }
+    else if (dataType === 'RegExp') {
+        const regex = data;
+        return new RegExp(regex.source, regex.flags);
+    }
+    else {
+        // Number, String, Boolean, Symbol,Text,Comment,Set,Map, HTML*Element, Function,Error,Promise,ArrayBuffer,Blob,File, return directly
+        return data;
+    }
+};
+export default deepClone;

package/src/deepClone.ts

@@ -0,0 +1,59 @@
+/**
+ * @since Last modified: 2025/12/16 09:02:07
+ * Deep clone an array or object.
+ * Supports Symbol keys. These types are returned directly: 
+ * Number, String, Boolean, Symbol, HTML*Element, Function, Date, RegExp.
+ * 
+ * @template T
+ * @param {T} data - Array or object to clone
+ * @returns {T} - New object with different memory address
+ * 
+ * @example
+ * const obj = { a: '', b: 0, c: [] };
+ * const cloned = deepClone(obj);
+ * 
+ * @example  
+ * const arr = [{}, {}, {}];
+ * const cloned = deepClone(arr);
+ */
+'use strict';
+import getDataType from './getDataType';
+
+const deepClone = <T>(data: T): T => {
+    const dataType = getDataType(data);
+    
+    if (dataType === 'Object') {
+        const newObj: Record<string | symbol, any> = {};
+        const symbols = Object.getOwnPropertySymbols(data);
+        
+        // Clone regular properties
+        for (const key in data) {
+            newObj[key] = deepClone((data as any)[key]);
+        }
+        
+        // Clone Symbol properties
+        if (symbols.length > 0) {
+            for (const symbol of symbols) {
+                newObj[symbol] = deepClone((data as any)[symbol]);
+            }
+        }
+        
+        return newObj as T;
+        
+    } else if (dataType === 'Array') {
+        return (data as any[]).map(item => deepClone(item)) as T;
+        
+    } else if (dataType === 'Date') {
+        return new Date((data as Date).getTime()) as T;
+        
+    } else if (dataType === 'RegExp') {
+        const regex = data as RegExp;
+        return new RegExp(regex.source, regex.flags) as T;
+        
+    } else {
+        // Number, String, Boolean, Symbol,Text,Comment,Set,Map, HTML*Element, Function,Error,Promise,ArrayBuffer,Blob,File, return directly
+        return data;
+    }
+};
+
+export default deepClone;

package/src/escapeHTML - /345/211/257/346/234/254.js"

@@ -0,0 +1,29 @@
+/**
+ * @function escapeHTML
+ * @description Escapes HTML characters in a string to prevent XSS attacks.
+ * This function replaces special characters such as <, >, &, ", ', etc. with their corresponding HTML entities.
+ *
+ * @param {string} str - The input string to be escaped.
+ * @returns {string} - The escaped string with special HTML characters replaced by HTML entities.
+ *
+ * @example
+ * escapeHTML("<div>Hello & 'world'</div>");
+ * // returns "&lt;div&gt;Hello &amp; &#39;world&#39;&lt;/div&gt;"
+ */
+export const escapeHTML = (str) => {
+    // Mapping of HTML special characters to their corresponding HTML entities
+    const escapes = {
+        '&': '&amp;',
+        '<': '&lt;',
+        '>': '&gt;',
+        '"': '&quot;',
+        "'": '&#39;',
+        '`': '&#96;',
+        '=': '&#61;',
+        '/': '&#47;'
+    };
+    // Replace each special character in the input string with its corresponding HTML entity
+    return str.replace(/[&<>"'`=\/]/g, (match) => {
+        return escapes[match];
+    });
+};

package/src/escapeHTML.js

@@ -0,0 +1,29 @@
+/**
+ * @function escapeHTML
+ * @description Escapes HTML characters in a string to prevent XSS attacks.
+ * This function replaces special characters such as <, >, &, ", ', etc. with their corresponding HTML entities.
+ *
+ * @param {string} str - The input string to be escaped.
+ * @returns {string} - The escaped string with special HTML characters replaced by HTML entities.
+ *
+ * @example
+ * escapeHTML("<div>Hello & 'world'</div>");
+ * // returns "&lt;div&gt;Hello &amp; &#39;world&#39;&lt;/div&gt;"
+ */
+export const escapeHTML = (str) => {
+    // Mapping of HTML special characters to their corresponding HTML entities
+    const escapes = {
+        '&': '&amp;',
+        '<': '&lt;',
+        '>': '&gt;',
+        '"': '&quot;',
+        "'": '&#39;',
+        '`': '&#96;',
+        '=': '&#61;',
+        '/': '&#47;'
+    };
+    // Replace each special character in the input string with its corresponding HTML entity
+    return str.replace(/[&<>"'`=\/]/g, (match) => {
+        return escapes[match];
+    });
+};

package/src/escapeHTML.ts

@@ -0,0 +1,30 @@
+/**
+ * @function escapeHTML
+ * @description Escapes HTML characters in a string to prevent XSS attacks.
+ * This function replaces special characters such as <, >, &, ", ', etc. with their corresponding HTML entities.
+ * 
+ * @param {string} str - The input string to be escaped.
+ * @returns {string} - The escaped string with special HTML characters replaced by HTML entities.
+ * 
+ * @example
+ * escapeHTML("<div>Hello & 'world'</div>"); 
+ * // returns "&lt;div&gt;Hello &amp; &#39;world&#39;&lt;/div&gt;"
+ */
+export const escapeHTML = (str: string): string => {
+    // Mapping of HTML special characters to their corresponding HTML entities
+    const escapes: { [key: string]: string } = {
+        '&': '&amp;',
+        '<': '&lt;',
+        '>': '&gt;',
+        '"': '&quot;',
+        "'": '&#39;',
+        '`': '&#96;',
+        '=': '&#61;',
+        '/': '&#47;'
+    };
+
+    // Replace each special character in the input string with its corresponding HTML entity
+    return str.replace(/[&<>"'`=\/]/g, (match) => {
+        return escapes[match];
+    });
+};

package/src/execluteStr.js

@@ -0,0 +1,29 @@
+/**
+ * @function escapeHTML
+ * @description Escapes HTML characters in a string to prevent XSS attacks.
+ * This function replaces special characters such as <, >, &, ", ', etc. with their corresponding HTML entities.
+ *
+ * @param {string} str - The input string to be escaped.
+ * @returns {string} - The escaped string with special HTML characters replaced by HTML entities.
+ *
+ * @example
+ * escapeHTML("<div>Hello & 'world'</div>");
+ * // returns "&lt;div&gt;Hello &amp; &#39;world&#39;&lt;/div&gt;"
+ */
+export const escapeHTML = (str) => {
+    // Mapping of HTML special characters to their corresponding HTML entities
+    const escapes = {
+        '&': '&amp;',
+        '<': '&lt;',
+        '>': '&gt;',
+        '"': '&quot;',
+        "'": '&#39;',
+        '`': '&#96;',
+        '=': '&#61;',
+        '/': '&#47;'
+    };
+    // Replace each special character in the input string with its corresponding HTML entity
+    return str.replace(/[&<>"'`=\/]/g, (match) => {
+        return escapes[match];
+    });
+};

package/src/executeStr.js

@@ -0,0 +1,36 @@
+import requireTypes from "./requireTypes";
+/**
+ * @since Last modified: 2025/11/15 17:36:19
+ * @function executeStr
+ * @description Executes dynamic JavaScript code with data binding. Supports strict mode and data objects.
+ * The function allows the dynamic execution of code with optional binding of the provided data to the function context.
+ * If `splitData` is true, the data is split into keys and values for parameterized function execution.
+ * This function dynamically generates and executes a new function based on the provided content.
+ *
+ * @param {string} content - The JavaScript code as a string to execute. This code can contain variables that will be replaced with data values.
+ * @param {object|array} data - The data object or array to bind to the code. This is used to replace placeholders or reference `this` inside the code.
+ * @param {boolean} [splitData=false] - Whether to split the data into keys and values. If true, the `data` object is converted into individual parameters.
+ * @returns {any} - The result of the executed code. This could be any type depending on the content of the code being executed.
+ *
+ */
+const executeStr = (content, data, splitData = false) => {
+    //content要求是字符串格式
+    requireTypes(content, 'string', (error) => {
+        console.error(error);
+        return;
+    });
+    let dataType = requireTypes(data, ['array', 'object'], (error) => {
+        console.error(error);
+        return;
+    }), result;
+    if (splitData && dataType === 'Object') {
+        let keys = Object.keys(data), values = Object.values(data), tmp = new Function(...keys, content).bind(data);
+        result = tmp(...values);
+    }
+    else {
+        const tmp = new Function(content).apply(data);
+        result = tmp();
+    }
+    return result;
+};
+export default executeStr;

package/src/executeStr.ts

@@ -0,0 +1,42 @@
+import requireTypes from "./requireTypes";
+
+/**
+ * @since Last modified: 2025/11/15 17:36:19
+ * @function executeStr
+ * @description Executes dynamic JavaScript code with data binding. Supports strict mode and data objects. 
+ * The function allows the dynamic execution of code with optional binding of the provided data to the function context.
+ * If `splitData` is true, the data is split into keys and values for parameterized function execution.
+ * This function dynamically generates and executes a new function based on the provided content.
+ * 
+ * @param {string} content - The JavaScript code as a string to execute. This code can contain variables that will be replaced with data values.
+ * @param {object|array} data - The data object or array to bind to the code. This is used to replace placeholders or reference `this` inside the code.
+ * @param {boolean} [splitData=false] - Whether to split the data into keys and values. If true, the `data` object is converted into individual parameters.
+ * @returns {any} - The result of the executed code. This could be any type depending on the content of the code being executed.
+ * 
+ */
+const executeStr = (content: string, data: any, splitData: boolean = false): any => {
+    //content要求是字符串格式
+    requireTypes(content, 'string', (error) => {
+        console.error(error);
+        return;
+    });
+    let dataType = requireTypes(data, ['array', 'object'], (error) => {
+        console.error(error);
+        return;
+    }),
+        result;
+
+    if (splitData && dataType === 'Object') {
+        let keys = Object.keys(data),
+            values = Object.values(data),
+            tmp = new Function(...keys, content).bind(data);
+        result = tmp(...values);
+    } else {
+        const tmp = new Function(content).apply(data);
+        result = tmp();
+    }
+
+    return result;
+}
+
+export default executeStr;

package/src/getDataType.js

@@ -0,0 +1,38 @@
+/**
+ * @since Last modified: 2025/12/16 09:00:41
+ * @function getDataType
+ * @description Get object type.Can detect object types such as Array, Object, Function,
+ * Window，Location，History，Navigator，XMLHttpRequest， WebSocket,FileReader,MediaStream
+ * Class , String, Number, Boolean, Date, Symbol ,File ,Blob,
+ * Error,Promise,ArrayBuffer,TypedArray, Set, weakSet, Map, weakMap, Null, Undefined,
+ * Text, DocumentFragment,Comment, XMLDocument, ProcessingInstruction, Range, TreeWalker,
+ * NodeIterator,SVGSVGElement,MathMLElement, HTMLxxxElement (Dom nodes all contain HTML),Promise,AsyncFunction and Instance.
+ * @param {*} obj - Can be any object
+ * @returns {string} - Returns the name of the data type.
+ */
+'use strict';
+const getDataType = (obj) => {
+    let tmp = Object.prototype.toString.call(obj).slice(8, -1), result;
+    if (tmp === 'Function' && /^\s*class\s+/.test(obj.toString())) {
+        result = 'Class';
+    }
+    else if (tmp === 'Object' && Object.getPrototypeOf(obj) !== Object.prototype) {
+        result = 'Instance';
+    }
+    else {
+        result = tmp;
+    }
+    return result;
+    //document.createElement -> HTMLxxxElement
+    //document.createDocumentFragment() -> DocumentFragment
+    //document.createComment() -> Comment
+    //document.createTextNode -> Text
+    //document.createCDATASection() -> XMLDocument
+    //document.createProcessingInstruction() -> ProcessingInstruction
+    //document.createRange() -> Range
+    //document.createTreeWalker() -> TreeWalker
+    //document.createNodeIterator() -> NodeIterator
+    //document.createElementNS('http://www.w3.org/2000/svg', 'svg'); -> SVGSVGElement
+    //document.createElementNS('http://www.w3.org/1998/Math/MathML', 'math'); -> MathMLElement
+};
+export default getDataType;

package/src/getDataType.ts

@@ -0,0 +1,37 @@
+/**
+ * @since Last modified: 2025/12/16 09:00:41
+ * @function getDataType
+ * @description Get object type.Can detect object types such as Array, Object, Function,
+ * Window，Location，History，Navigator，XMLHttpRequest， WebSocket,FileReader,MediaStream
+ * Class , String, Number, Boolean, Date, Symbol ,File ,Blob,
+ * Error,Promise,ArrayBuffer,TypedArray, Set, weakSet, Map, weakMap, Null, Undefined, 
+ * Text, DocumentFragment,Comment, XMLDocument, ProcessingInstruction, Range, TreeWalker,
+ * NodeIterator,SVGSVGElement,MathMLElement, HTMLxxxElement (Dom nodes all contain HTML),Promise,AsyncFunction and Instance.
+ * @param {*} obj - Can be any object
+ * @returns {string} - Returns the name of the data type.
+ */
+'use strict';
+const getDataType = (obj: any): string => {
+    let tmp = Object.prototype.toString.call(obj).slice(8, -1),
+        result;
+    if (tmp === 'Function' && /^\s*class\s+/.test(obj.toString())) {
+        result = 'Class';
+    } else if (tmp === 'Object' && Object.getPrototypeOf(obj) !== Object.prototype) {
+        result = 'Instance';
+    } else {
+        result = tmp;
+    }
+    return result;
+    //document.createElement -> HTMLxxxElement
+    //document.createDocumentFragment() -> DocumentFragment
+    //document.createComment() -> Comment
+    //document.createTextNode -> Text
+    //document.createCDATASection() -> XMLDocument
+    //document.createProcessingInstruction() -> ProcessingInstruction
+    //document.createRange() -> Range
+    //document.createTreeWalker() -> TreeWalker
+    //document.createNodeIterator() -> NodeIterator
+    //document.createElementNS('http://www.w3.org/2000/svg', 'svg'); -> SVGSVGElement
+    //document.createElementNS('http://www.w3.org/1998/Math/MathML', 'math'); -> MathMLElement
+};
+export default getDataType;

package/src/parseStr.js

@@ -0,0 +1,46 @@
+/**
+ * @since Last modified: 2025/11/15 16:52:18
+ * @function parseStr
+ * @description Safely parses a string content and evaluates it based on the provided method.
+ * This function allows parsing content as JSON, or using custom evaluation via the provided method,
+ * with the ability to bind a custom context (`this`) during evaluation.
+ *
+ * @param {object} options - The options for parsing the string.
+ * @param {string | null} options.content - The string content to be parsed. (required)
+ * @param {('new Function' | 'JSON.parse' | T_fn)} [options.method='new Function'] - The method to use for parsing.
+ * @param {boolean} [options.catchable=false] - Whether to throw an error on failure or return an empty value.
+ * @param {boolean} [options.safe=false] - Whether to escape HTML characters to prevent XSS attacks.
+ * @param {any} [options.bind] - The context (`this`) to bind during evaluation.
+ * @param {T_fn} [options.error] - The callback function to call when an error occurs.
+ * @returns {any} The parsed result.
+ */
+'use strict';
+import { escapeHTML } from "./escapeHTML";
+import requireTypes from "./requireTypes";
+const parseStr = ({ content = '', method = 'new Function', catchable = false, safe = false, bind, error }) => {
+    //必须是字符串格式
+    requireTypes(content, 'String', (error) => {
+        console.error(error);
+        return null;
+    });
+    let result, trim = content?.trim();
+    if (!trim)
+        return '';
+    //防止注入攻击，则过滤文本
+    safe && (trim = escapeHTML(trim));
+    try {
+        //method可能是一个函数
+        result = typeof method === 'function' ? method(trim) :
+            method === 'JSON.parse' ? JSON.parse(trim) :
+                //允许绑定this，也就是说content中可以使用this关键字
+                (bind ? new Function(`"use strict"; return ${trim}`).apply(bind) : new Function(`"use strict"; return ${trim}`)());
+    }
+    catch (err) {
+        error && error(err);
+        //如果抛出错误则会阻止执行，不会返回result
+        if (catchable)
+            throw err;
+    }
+    return result;
+};
+export default parseStr;

package/src/parseStr.ts

@@ -0,0 +1,47 @@
+/**
+ * @since Last modified: 2025/11/15 16:52:18
+ * @function parseStr
+ * @description Safely parses a string content and evaluates it based on the provided method.
+ * This function allows parsing content as JSON, or using custom evaluation via the provided method, 
+ * with the ability to bind a custom context (`this`) during evaluation.
+ *
+ * @param {object} options - The options for parsing the string.
+ * @param {string | null} options.content - The string content to be parsed. (required)
+ * @param {('new Function' | 'JSON.parse' | T_fn)} [options.method='new Function'] - The method to use for parsing.
+ * @param {boolean} [options.catchable=false] - Whether to throw an error on failure or return an empty value.
+ * @param {boolean} [options.safe=false] - Whether to escape HTML characters to prevent XSS attacks.
+ * @param {any} [options.bind] - The context (`this`) to bind during evaluation.
+ * @param {T_fn} [options.error] - The callback function to call when an error occurs.
+ * @returns {any} The parsed result.
+ */
+'use strict';
+import { T_fn, T_null, T_obj } from "../types/utils";
+import { escapeHTML } from "./escapeHTML";
+import requireTypes from "./requireTypes";
+const parseStr = ({ content = '', method = 'new Function', catchable = false, safe = false, bind, error }: { content: string | T_null, method?: 'new Function' | 'JSON.parse' | T_fn, catchable?: boolean, safe?: boolean, bind?: any, error?: T_fn }) => {
+
+    //必须是字符串格式
+    requireTypes(content, 'String', (error) => {
+        console.error(error);
+        return null;
+    });
+    let result,
+        trim = content?.trim();
+    if (!trim) return '';
+    //防止注入攻击，则过滤文本
+    safe && (trim = escapeHTML(trim));
+
+    try {
+        //method可能是一个函数
+        result = typeof method === 'function' ? method(trim) :
+            method === 'JSON.parse' ? JSON.parse(trim) :
+                //允许绑定this，也就是说content中可以使用this关键字
+                (bind ? new Function(`"use strict"; return ${trim}`).apply(bind) : new Function(`"use strict"; return ${trim}`)());
+    } catch (err) {
+        error && error(err);
+        //如果抛出错误则会阻止执行，不会返回result
+        if (catchable) throw err;
+    }
+    return result;
+};
+export default parseStr;

package/src/renderTpl.js

@@ -0,0 +1,70 @@
+/**
+ * @since Last modified: 2025/11/15 16:24:20
+ * @function renderTpl
+ * @description Get template string through parameters.Cut the template strings into fragments through labels, and put into the array through the PUSH method, and finally merge into a new string.
+ * @param {string} html - Text string with variables, for example: html=`I like {{this.name}}, she is {{this.age}} years old`.
+ * @param {object|array} data - Variable key-value pairs, for example: data={name:'Lily',age:20} or [{name:'Lily'},{name:'Mark'}].
+ * @param {Object} [options] - Configuration options to control the rendering behavior:
+ * @param {boolean} [options.safe=false] - If true, HTML special characters in the template will be escaped to prevent XSS attacks. Default is `false`.
+ * @param {boolean} [options.strict=false] - If true, the template engine will require using `this` to access properties, especially for arrays. Default is `false`.
+ * @param {string} [options.start='{{'] - The opening delimiter for template variables. Default is `{{`.
+ * @param {string} [options.end='}}'] - The closing delimiter for template variables. Default is `}}`.
+ * @param {string} [options.suffix='/'] - The suffix for ending script-like expressions. Default is `/`. This is used to close template expressions like `{{this.fn() /}}`.
+ * @returns {string}  - The string after the variables are replaced with data.
+ */
+'use strict';
+import { escapeHTML } from "./escapeHTML";
+import requireTypes from "./requireTypes";
+const renderTpl = (html, data, options = {}) => {
+    requireTypes(html, 'string', (error) => {
+        //不符合要求的类型
+        console.error(error);
+        return '';
+    });
+    if (!html.trim())
+        return '';
+    let dataType = requireTypes(data, ['array', 'object'], (error) => {
+        //不符合要求的类型
+        console.error(error);
+        return html;
+    });
+    //data={}/[]
+    if (Object.keys(data).length === 0) {
+        console.warn('Data is empty ({}/[]), no rendering performed, original text outputted.');
+        return html;
+    }
+    let opts = Object.assign({ safe: false, strict: false, start: '{{', end: '}}', suffix: '/' }, options), tplStr = opts.safe ? escapeHTML(html) : html, 
+    //regStart='\\{\\{'
+    regStart = opts.start.split('').map(k => '\\' + k).join(''), 
+    //regEnd='\\}\\}'
+    regEnd = opts.end.split('').map(k => '\\' + k).join(''), tplReg = new RegExp(`${regStart}([\\s\\S]+?)?${regEnd}`, 'g'), code = '"use strict";let str=[];\n', cursor = 0, match, result = '', add = (fragment, isScript) => {
+        isScript ? (code += (fragment.endsWith(opts.suffix) ? fragment.replace('=>', '=>').slice(0, -1) + '\n' : 'str.push(' + fragment + ');\n'))
+            : (code += (fragment !== '' ? 'str.push("' + fragment.replace(/"/g, '\\"') + '");\n' : ''));
+        return add;
+    };
+    while (match = tplReg.exec(tplStr)) {
+        add(tplStr.slice(cursor, match.index))(match[1], true);
+        cursor = match.index + match[0].length;
+    }
+    add(tplStr.slice(cursor));
+    code += `return str.join('');`;
+    try {
+        if (opts.strict || dataType === 'Array') {
+            //严格模式，或者是数组数据，则必须使用this
+            result = new Function(code.replace(/[\r\t\n]/g, '')).apply(data);
+        }
+        else {
+            ////非严格模式，且是对象，则可省略this
+            let keys = Object.keys(data), values = Object.values(data), 
+            //keys传参,this依然可指向data
+            tmp = new Function(...keys, code.replace(/[\r\t\n]/g, '')).bind(data);
+            //执行时以value赋值
+            result = tmp(...values);
+        }
+    }
+    catch (err) {
+        console.error(`'${err.message}'`, ' in \n', code, '\n');
+    }
+    return result;
+};
+export default renderTpl;