javascript系列1--把字符串当代码来执行

时间:2022-04-05 16:55:28

转发请标明来源:http://www.cnblogs.com/johnhou/p/javascript.html  请尊重笔者的劳动成果  --John Hou

在javascript中有多种方法可以让一段字符串当做一段js代码来执行:

  1. 使用eval("要执行的字符串")
  2. 使用new Function("要执行的字符串")
  3. setTimeOut("要执行的字符串",500)
  4. setInterval("要执行的字符串",500)

当然根据javascript最佳实践,我们是不推荐上面的任何一种方式的,当然eval()在处理JSON串时还是必须使用的,但是最佳实践禁止使用new Function构造函数来创建函数,而且禁止给setTimeout()和setInterval()方法传递字符串,应该传递函数名。

一、eval和new Function()的区别:

console.log("执行Function");

var val = new Function("console.log('houquan')");

console.log(typeof val);

console.log(val);

val();//如果不调用,那么就永远也不会输出“houquan”

/**

通过new Function("...")执行返回的结果是一个名为anonymous的函数,函数体就是传到new Function()中的字符串。

anonymous的中卫意思是:匿名的

*/

val = new Function("(function(){console.log('test');})()");

console.log(typeof val);

console.log(val);

val();

new Function("alert('test1')");

eval("alert('test2')");

/**

new Function()和eval()的区别是,前者把传入的字符串封装为一个function对象

的语句返回,直到调用这个返回的函数时,才会执行字符串所要执行的操作;后者则是

直接把字符串当做js代码执行,返回的结果是一个Object对象。

*/

console.log("执行eval");

val = eval("console.log('houding')");

console.log(typeof val);

console.log(val);

/**

eval的执行结果在FireFox下是一个对象,在IE8中不返回结果

该对象在FireFox中的结构如下:

*/

javascript系列1--把字符串当代码来执行

执行结果:

FireFox下的执行结果

javascript系列1--把字符串当代码来执行

IE8下的执行结果:

javascript系列1--把字符串当代码来执行

二、使用eval的注意事项:

console.log("第一个执行");

try{

eval("function(){console.log('error');}");

}catch(e){

console.log("error1");

console.log(e.toString());

}

/**上面代码执行的结果就类似于在全局作用域中定义一个匿名函数是一个道理,

果断报错,这就相当于给全局对象window,添加一个匿名的属性,或者方法一

样,显然是无法做到的!

*/

console.log("第二个执行");

try{

eval("(function(){console.log('right')})()");

}catch(e){

console.log("error2");

console.log(e.toString());

}

/**

上面的代码就相当于执行一个即时函数一样

*/

console.log("第三个执行");

try{

eval("function test(){console.log('test');}");

test();

}catch(e){

console.log("error3");

console.log(e.toString());

}

/**

上面的代码相当于定义一个函数

*/

执行结果:

javascript系列1--把字符串当代码来执行

eval 执行创建对象字面量注意事项

console.log("错误的创建对象字面量的情况");

try{

eval("{name:'houquan'}");

}catch(e){

console.log("error");

console.log(e.toString());

}

/**

上面的代码等同于下面的代码

*/

name:"houquan";

console.log("正确的创建对象字面量的情况");

try{

eval("({name:'houquna'})");

}catch(e){

console.log("error0");

console.log(e.toString());

}

/**

上面第一段代码中javascript引擎把{}中档次代码块来执行,所以不会返回

预期的对象

应该把对象字面量的创建语句用()括起来,当成一个表达式来执行,这样

就能得到正确的结果了。

*/

执行结果:

javascript系列1--把字符串当代码来执行

单独执行

try{

eval("{name:'houquan'}");

}catch(e){

console.log("error");

console.log(e.toString());

}

执行结果:

javascript系列1--把字符串当代码来执行

以下是我的微信公众号,技术大牛集结号,欢迎您的关注!

javascript系列1--把字符串当代码来执行

给我足够的时间,我能模拟整个世界!

javascript系列1--把字符串当代码来执行的更多相关文章

  1. 深入理解JavaScript系列(46):代码复用模式(推荐篇)

    介绍 本文介绍的四种代码复用模式都是最佳实践,推荐大家在编程的过程中使用. 模式1:原型继承 原型继承是让父对象作为子对象的原型,从而达到继承的目的: function object(o) { fun ...

  2. 深入理解JavaScript系列(45):代码复用模式(避免篇)

    介绍 任何编程都提出代码复用,否则话每次开发一个新程序或者写一个新功能都要全新编写的话,那就歇菜了,但是代码复用也是有好要坏,接下来的两篇文章我们将针对代码复用来进行讨论,第一篇文避免篇,指的是要尽量 ...

  3. 研磨JavaScript系列(四):代码的时空

    对于过程式编程来说,代码执行的时间与数据标识的空间是密不可分的.我们只有把指令执行的具体时刻与标识映射的具体地址结合起来,才能确定程序在执行瞬间的上下文状态.于是,代码时刻与数据标识的结构,就形成了作 ...

  4. 深入理解JavaScript系列

    转自http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html 深入理解JavaScript系列(1):编写高质量JavaScript代码 ...

  5. 深入理解JavaScript系列(转自汤姆大叔)

    深入理解JavaScript系列文章,包括了原创,翻译,转载,整理等各类型文章,如果对你有用,请推荐支持一把,给大叔写作的动力. 深入理解JavaScript系列(1):编写高质量JavaScript ...

  6. [转]深入理解JavaScript系列

    文章转自:汤姆大叔-深入理解JavaScript系列文章 深入理解JavaScript系列文章,包括了原创,翻译,转载,整理等各类型文章,如果对你有用,请推荐支持一把,给大叔写作的动力. 深入理解Ja ...

  7. [转载]深入理解JavaScript系列 --汤姆大叔

    深入理解JavaScript系列文章,包括了原创,翻译,转载,整理等各类型文章,如果对你有用,请推荐支持一把,给大叔写作的动力. 深入理解JavaScript系列(1):编写高质量JavaScript ...

  8. 深入理解JavaScript系列(转载)

    深入理解JavaScript系列 深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点 深入理解JavaScript系列(2):揭秘命名函数表达式 深入理解JavaSc ...

  9. 研磨JavaScript系列

    JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言.同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作.它最初由网景公司 ...

随机推荐

  1. eclipse基础及开发插件

    Eclipse:http://www.eclipse.org/downloads/ Compare Package:http://www.eclipse.org/downloads/packages/ ...

  2. 第九十九天上课 PHP TP框架 数据库查询和增加

    在Model文件夹下创建模型,文件命名规则 : 表名Model.class.php <?php namespace Home\Model; use Think\Model; class yong ...

  3. Loadrunner常用的分析要点都有哪些

    提供了生产负载的虚拟用户运行状态的相关信息,可以帮助我们了解负载生成的结果. Rendezvous(负载过程中集合点下的虚拟用户): 当设置集合点后会生成相关数据,反映了随着时间的推移各个时间点上并发 ...

  4. 在Cubieboard上关闭irqbalance服务避免内存泄漏

    十一一个假期回来,顺手看了看自己的cubieboard运行状态怎么样 aria2正常: btsync正常: samba正常: 很好, 顺手htop一下,已经开机了13天了,CPU使用率4%,内存使用率 ...

  5. 《转》读discuzx3&period;1 数据库层笔记

    最近开始在看discuzx3.1的代码,看到数据库层的实现,discuzx的数据库层能够支撑数据库分库,分布式部署,主要水平分表,也可以很方便的支持其他数据库.性能上,可以做读写分离,支持数据缓存.可 ...

  6. iOS StoreKit

    简述: 本文讲解iOS系统框架StoreKit中的SKStoreProductViewController与SKStoreReviewController这两个Controller. SKStoreP ...

  7. Maven常用命令及在Eclipse中的应用

    1.常用命令 mvn archetype:generate--构建项目 mvn clean--项目清理 mvn test--项目单元测试的编译 mvn compile--项目源代码的编译 mvn pa ...

  8. 就这么 来ADO&period;net类操作数据库

    使用ADO.net操作数据库其实也是很简单,而且使用频率蛮高的一种方式.话不多说,上代码才更容易理解. 首先,先要引入数据库操作相关的命名空间,这样才能使用下面的代码 //数据库连接引用的命名空间 u ...

  9. 编码 decode &amp&semi; encode

    import sys # python3 中字符编码默认为 utf-8 s = '你好' print(s) # utf-8 转为 gbk (s 默认为 unicode 所以可以直接 encode 成 ...

  10. ImageUtil

    package com.rscode.credits.util; import java.io.File; import java.io.IOException; import java.util.A ...