1. 代码求值机制

　　JavaScript中，有很多不同的代码求值机制。

　　● eval()函数

　　● 函数构造器

　　● 定时器

　　● <script>元素

- 用eval()方法进行求值

　　作为定义在全局作用域内的eval()方法，该方法将在当前上下文内，执行所传入字符串形式的代码。

　　基本功能

　　● 该方法将执行传入代码的字符串

　　● 在调用eval()方法的作用域内进行代码求值

例如：

eval("5+5")     //

(function(){

    eval("var ninja = 6");

    console.assert(ninja === 6, "evaluated within the current scope.");

})();

　　求值结果

　　eval()方法将返回传入字符串中最后一个表达式的执行结果。例如，如果我们调用如下语句：

　　eval("3+4; 5+6");    //  结果将返回11

　　应该指出的是，任何不适简单变量、原始值、赋值语句的内容都需要在外面包装一个括号以便返回正确的结果。例如，如果我们想使用eval()创建一个简单的对象，可能会编写如下语句：

　　var o = eval('({ninja: 1})');

　　但是，结果不是我们所期望的。我们需要在对象字面量外面包装一个括号，示例如下：

　　var o = eval('({ninja: 1})');

　　在IE8或之前的版本，要使用布尔表达式，才能让eval()进行正确的调用，如下代码：

var fn = eval("false||function(){return true;}");

　　就像我们用普通方式在特定作用域内创建函数一样，eval()创建的函数会继承该作用域的闭包——局部作用域内执行eval()时的衍生结果。

- 用函数构造器进行求值

　　使用Function构造器来实例化函数，示例如下：

var add = new Function("a", "b", "return a+b;");

　　Function构造器可变参数列表的最后一个参数，始终是要创建函数的函数体内容。前面的参数则表示函数的形参名称。所以，上述示例代码等价于如下代码：

var add = function(a,b){return a + b}

　　虽然这些代码在功能上是等同的，但采用Function构造器方式有一个明显的区别，函数体尤运行时的字符串所提供。另外一个极其重要的实现区别是，使用Function构造器创建函数的时候，不会创建闭包。在不想承担任何不相关闭包开销时，这可能是一件好事。

- 用定时器进行求值

　　还有一种方式，可以让代码字符串进行求值，而且是异步的，那就是通过定时器进行求值。示例如下：

var tick = window.setTimeout("alert("Hi!"), 100")

- 全局作用域内的求值操作

function globalEval(data){

    data = data.replace(/^\s|\s*$/g, "");

    if(data){

        var head = document.getElementsByTagName("head")[0]||document.documentElement, script = document.createElement("script");

        script.type = "text/javascript";

        script.text = data;

        head.appendChild(script);

        head.removeChild(script);

    }

}

window.onload = function(){

    (function(){

        globalEval("var test = 5;");

    })();

}

　　在eval()方法中，我们定义了一个名为globalEval()的函数，以便在全局作用域内求值任何想要要求的内容。该函数去除了所传字符串中的所有前导和尾部空白字符，然后定位DOM中的<head>元素或文档本身，并创建一个分离的<script>元素。设置script元素的类型，然后把需要求值的字符串加载到该script元素的body内。将script元素附加到DOM上，作为head元素的一个子节点，将会导致该脚本在全局作用域内进行求值。

　　这段代码最常见的场景是动态执行从服务器端返回的代码。它几乎总是要求代码在全局作用域内进行执行，从而让新函数的使用变成必然。

2.函数反编译

反编译意味着将程序集或字节码重组成源代码。例如，将函数反编译成字符串：

function test(a){return a+a; }

console.assert(test.toString() === "function test(a){return a+a; }","Function decompiled");

3.代码求值实战

- JSON转化

　　运行时求值的最广泛使用方式是将JSON字符串转换为JavaScript对象表示法。例：

var json = '{"name":"Ninja"}';

var object = eval("("+ json +")");

assert(object.name === "Ninja", "My name is Ninja!");

- 导入有命名空间的代码

　　对于将命名空间导入到当前上下文，base2库提供了一个非常有趣的解决方案。因为没有办法将该问题进行自动化操作，因此我们可以利用运行时求值让该实现变得更简单。

　　每当一个新类或模块添加到base2包的时候，构造可执行代码的字符串，对其进行求值，可以将产生的函数引入到当前上下文中，示例如下：

base2.namespace ==

    "var Base = base2.Base; var Package = base2.Package;" +

    "var Abstract = base2.Abstract; var Module = base2.Module;" +

    "var Enumberable = base2.Enumberable; var Map = base2.Map;" +

    "var Collection = base2.Collection; var RegGrp = base2.RegGrp;" +

    "var Undefined = base2.Undefined; var Null = base2.Null;" +

    "var This = base2.This; var True = base2.True; var False = base2.False;" +

    "var assignID = base2.assignID; var detect = base2.detect;" +

    "var global = base2.global; var lang = base2.lang;"+

    "var JavaScript base2.JavaScript; var JST = base2.JST;" +

    "var JSON = base2.JSON; var IO = base2.IO; var MiniWeb = base2.MiniWeb;" +

    "var DOM = base2.DOM; var JSB = base2.JSB; var code = base2.code;" +

    "var doc = base2.doc;"

JavaScript忍者秘籍——运行时代码求值的更多相关文章

  1. 《Secrets of the JavaScript Ninja》：JavaScript 之运行时代码

    最近,在阅读 jQuery 之父 John Resig 力作:Secrets of the JavaScript Ninja(JavaScript忍者秘籍).关于第九章提及的 JavaScript 之 ...

  2. JavaScript 对引擎、运行时、调用堆栈的概述理解

    JavaScript 对引擎.运行时.调用堆栈的概述理解  随着JavaScript越来越流行,越来越多的团队广泛的把JavaScript应用到前端.后台.hybrid 应用.嵌入式等等领域. 这篇文 ...

  3. 如何将oc代码转换成运行时代码

    // 运行时 其实就是oc的底层  平时写的代码 最终都是转成底层的运行时代码以下面程序为例子: 如果我们想要看我们的main.m文件底层转换成了怎样的运行时代码 ,我们可以这样做. 1.打开终端  ...

  4. webpack学习：uni运行时代码解读一 (页面初始化加载)

    uni的vue代码是如何在微信小程序里面执行的,对此比较感兴趣所以去调试学习了一波. 准备工作 // 在vue.config.js里打开非压缩的代码 module.exports = { config ...

  5. 解读JavaScript 之引擎、运行时和堆栈调用

    转载自开源中国 译者:Tocy, 凉凉_, 亚林瓜子, 离诌 原文链接 英文原文:How JavaScript works: an overview of the engine, the runtim ...

  6. 解读 JavaScript 之引擎、运行时和堆栈调用

    https://www.oschina.net/translate/how-does-javascript-actually-work-part-1 随着 JavaScript 变得越来越流行,很多团 ...

  7. JavaScript忍者秘籍——驯服线程和定时器

    1.定时器和线程 - 设置和清除定时器 JavaScript提供了两种方式,用于创建定时器以及两个相应的清除方法.这些方法都是window对象上的方法. 方法 格式 描述 setTimeout   i ...

  8. JavaScript忍者秘籍——原型

    概要:本篇博客主要介绍JavaScript的原型 1.对象实例化 - 初始化的优先级 初始化操作的优先级如下: ● 通过原型给对象实例添加的属性 ● 在构造器函数内给对象实例添加的属性 在构造器内的绑 ...

  9. JavaScript忍者秘籍——函数（下）

    概要:本篇博客主要介绍函数的一些类型以及常见示例 1.匿名函数 使用匿名函数的常见示例: window.onload = function(){ assert(true,'power!'); }; / ...

随机推荐

  1. C/C++基础知识总结——数组、指针域、字符串

    1. 数组 1.1 数组作为函数参数 (1) 如果使用数组作为函数的参数,则实参和形参都是数组名,且类型要相同.数组名做参数时传递的是地址 (2) 使用方法: void rowSum(int a[][ ...

  2. [RM 状态机详解3]RMContainer状态机详解

    摘要 RMContainer是RM内部维护的Container状态.事实上,在RM的调度器中,会维护着一个liveContainers列表,保存着所有存活着的Container信息.图1显示RMCon ...

  3. Windows Serer 2003 配置手册 – 创建Active Dictionary域

    域与工作组的关系 实际上我们可以把域和工作组联系起来理解,在工作组上你一切的设置在本机上进行包括各种策略,用户登录也是登录在本机的,密码是放在本机的数据库来验证的.而如果你的计算机加入域的话,各种策略 ...

  4. Object-c学习之路六（oc字符串文件读写）

    // // main.m // NSString // // Created by WildCat on 13-7-25. // Copyright (c) 2013年 wildcat. All ri ...

  5. 学习ExpressionTree(做装配脑袋出的练习题)

    1 // 第一题:画出下列表达式的表达式树.一开始,您很可能不知道某些操作其实也是表达式(比如取数组的运算符a[2]),不过没有关系,后面的习题将帮你验证这一点. //-a ParameterExpr ...

  6. .net调用Outlook 批量发送邮件，可指定Outlook中的账号来发送邮件

    .net调用Outlook 批量发送邮件,可指定Outlook中的账号来发送邮件 源码可以在我的资源列表中下载: MPOEMail http://download.csdn.net/my VS2012 ...

  7. POJ 1873 The Fortified Forest

    题意:是有n棵树,每棵的坐标,价值和长度已知,要砍掉若干根,用他们围住其他树,问损失价值最小的情况下又要长度足够围住其他树,砍掉哪些树.. 思路:先求要砍掉的哪些树,在求剩下的树求凸包,在判是否可行. ...

  8. php 数组合并方法

    $new = array(); if ($relateddepartmentsnew) { foreach ($relateddepartmentsnew as $relatK=>$relatV ...

  9. Hadoop 统计文件中某个单词出现的次数

    如文件word.txt内容如下: what is you name? my name is zhang san. 要求统计word.txt中出现“is”的次数? 代码如下: PerWordMapper ...

  10. C#中的文件操作2

    1. 读取文件的方法: 1.  声明一个文件流: 目的是为了内存与文件之间的桥梁,可以进行数据的往来. FileStream fs = new FileStream(filename,FileMode ...