不用 eval 的方式通过字符串调用 JavaScript 的方法
来源:互联网 发布:earth music知乎 编辑:程序博客网 时间:2024/05/28 05:14
下文来看一个另类做法,就是不用 eval 的方式通过字符串调用 JavaScript 的方法,希望能帮助到大家。
由于 bootstrap-table 插件需要支持data-name=”functionName”的方式,所以在实现的过程中使用了eval的方法。我们知道,在 JavaScript 中,eval是丑陋的,在MDN中提到:
Obsolete
This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.
我们通过eval执行字符串代码,例如:
代码如下 复制代码
eval(“var x = ‘Hello from eval!’;”);
console.log(x);
然而,eval会带来一些意想不到的问题:
安全性问题:你的字符串可能会被注入其他的命令或者第三方脚本。
可调试问题:很难去调试错误信息。
压缩问题:程序不会对字符串进行最小化压缩。
不幸的是,在实际的开发中,eval经常会被滥用,例如解析 JSON 字符串,虽然使用eval可以正常工作,但是我们应该尽量避免使用它,例如使用JSON.parse方法。
那么,我们如何才能不用 eval 的方式通过字符串调用 JavaScript 的方法呢?
首先,假如我们有一个字符串名称的方法:
代码如下 复制代码
// function we want to run
var func = ‘runMe’;
function runMe() {
// do something
}
一个好的解决方法那就是我们可以通过window对象,在调用方法之前我们对其进行检查:
代码如下 复制代码
// find function
var fn = window[func]; // runMe
// is a function?
if (typeof fn === ‘function’) {
fn();
}
更多的时候,我们的方法是有一系列的参数的,例如我们存放到数组中,这个我们只需要简单的执行apply方法即可:
代码如下 复制代码
// function name and parameters to pass
var func = ‘runMe’;
var args = [1, 2, 3];
// find function
var fn = window[func]; // runMe
// is a function?
if (typeof fn === ‘function’) {
fn.apply(null, args);
}
到此,我们知道了不用 eval 的方式通过字符串调用 JavaScript 的方法,是更安全、容易进行调试、运行更快的方法。
最后,将其封装成了一个工具函数:
代码如下 复制代码
var calculateFunctionValue = function (func, args, defaultValue) {
if (typeof func === ‘string’) {
// support obj.func1.func2
var fs = func.split(‘.’);
if (fs.length > 1) {
func = window;
$.each(fs, function (i, f) {
func = func[f];
});
} else {
func = window[func];
}
}
if (typeof func === ‘function’) {
return func.apply(null, args);
}
return defaultValue;
};
- 不用 eval 的方式通过字符串调用 JavaScript 的方法
- 如何不用 eval 的方式通过字符串调用 JavaScript 的方法
- 在C#中调用EVAL函数方法,通过字符串计算
- javascript的eval()方法
- 通过函数调用,获取字符串的方法
- JavaScript的eval()方法的使用
- 通过 JSON 字符串来创建对象&通过eval()方法生成原生Javascript对象
- 通过 JSON 字符串来创建对象&通过eval()方法生成原生Javascript对象
- eval运行字符串指定的方法
- JavaScript的eval()函数
- Javascript:eval的使用
- Javascript的eval
- Javascript 的eval()語法
- javascript eval()的注意事项
- javascript的eval函数
- (转)javascript的eval
- JavaScript的eval用法
- Android通过bindservice方式调用服务的方法
- Java短信注册码与百度api定位(通过http请求实现不需要第三方jar包)
- 解决'libproxychains.so.3' from LD_PRELOAD cannot be preloaded问题
- 187Repeated DNA Sequences
- cordova插件编写
- 3.2.5 索引全扫描
- 不用 eval 的方式通过字符串调用 JavaScript 的方法
- iOS 中 TextField 光标后移几个像素
- linux命令:crontab
- HBase连接
- js动态创建多个按钮
- 文件流的方式上传
- 进程的同步与互斥区分
- java.lang.IllegalStateException: This Activity already has an action bar supplied by the window deco
- 3.3 联结方法