javascript版的quine程序-返回自身源码

一个quine是一个计算机程序,它不接受任何输入,且唯一的输出就是自身的源代码.

@cowboy (Ben Alman) 给出了一个用JavaScript写的quine程序:

!function $(){console.log('!'+$+'()')}()

为什么这个quine能成功运行呢?

获得源代码

如果一个程序仅是由一个函数组成的,那么我们很容易获得这个函数的源代码:在大多数JavaScript引擎中,将一个函数转换成字符串就会返回它的源码.

> function foo() { return "abc" }

> String(foo)

'function foo() { return "abc" }'

输出自身源码的函数表达式

我们的quine最开始是这样的:

function $() { console.log(String($)) }

这是一个函数声明,函数名为$(合法的JavaScript标识符).我们需要把它改写成为一个函数表达式.像这样:

var prog = function $() { console.log(String($)) };

等号右边是一个命名的函数表达式.函数名$只在函数内部才能访问到(译者注:作者忽略了旧版IE).调用这个函数后会发现,它已经是一个很接近quine的程序:

> prog()

function $() { console.log(String($)) }

undefined

在调用函数之后,控制台会显示出函数的输出,以及函数的返回值undefined.

立即调用函数表达式(IIFE)

现在我们有了一个用单个函数写成的程序.但我们不想延迟它的执行,我们想让它立即执行.JavaScript允许你创建一个函数表达式的同时就立即调用这个函数.这种写法称之为立即调用函数表达式(Immmediately Invoked Function Expression)(IIFE, 发音为“iffy”,译者注:亦非). 顺便说一句,这个术语也是由Alman发明的.把我们的程序改写成IIFE之后是这样的:

> !function $() { console.log(String($)) }()

function $() { console.log(String($)) }

true

一元非运算符(!)让JavaScript把这个函数解析成为一个函数表达式.否则,我们不能立即执行它 [1]. true是这个函数返回值取反后的结果:!undefined.

添加缺少的字符

我们的输出还缺少一些字符:函数表达式前面的叹号!以及后面的括号.可以这样加上它们:

> !function $() { console.log('!'+$+'()') }()

!function $() { console.log('!'+$+'()') }()

true

IIFE的另一种写法

你还可以用小括号来括住一个IIFE:

(function $(){console.log('('+$+'())')}())

函数表达式之前的左括号和之后的右括号在源码中都出现了两次,所以使用感叹号可以给我们省出两个字符.

一个 quine 是一个计算机程序，它不接受任何输入，且唯一的输出就是自身的源代码。

感觉挺有意思的，于是打算自己用js写一个试试。

首先确定输出方式为控制台，即通过 console.log 输出。

为有(guang)趣(gao)起见，准备从一个“打印本站域名”的“额外功能”开始：

console.log("perichr.org")

这个命令可以在控制栏打印出一行 perichr.org 。接下来我准备一步一步改造这个命令，直至达成 quine的目标。

首先试着打印上面这个命令：

console.log('console.log("perichr.org")')

这样就在控制栏打印了一行 console.log("perichr.org") 。注意到源码里外用了不同的引号，这是为了规避转义符。

对了，别忘了需要执行自己，那么有：

console.log("perichr.org");console.log('console.log("perichr.org")')

很好，这样即执行了“额外功能”，又打印了自己的源代……不对！压根没有打印自己的源代码对吧！
从简单的入手，不考虑打印完整源代码，先想想要怎样能在执行一个功能的同时打印功能代码呢？打印的是字符串，执行的是js源码……想到什么了？对了， eval ！

p='console.log("perichr.org")';eval(p);console.log(p)

很好，这次完美地打印了 perichr.org 和 console.log("perichr.org") 。要注意的是，这里的变量 p 没有做声明，严格模式下是通不过的哟！

不过这还远远不够！来做一点小调整：

p='console.log("perichr.org");console.log(p)';eval(p)

发现了吗？这次输出了 perichr.org 和 console.log("perichr.org");console.log(p) ！进化了！接下来先讨个巧，利用 赋值表达式返回右值 的小技巧来简化一下代码，毕竟代码越精简心理压力越小嘛……

eval(p='console.log("perichr.org");console.log(p)')

接下来怎么办呢……来对比下上面的源码和输出的代码： console.log("perichr.org");console.log(p) ，其实已经很接近了有木有！输出码就是缺少了头 eval(p=' 和尾 ') ！来，补上！

eval(p='console.log("perichr.org");console.log("eval(p=\'"+p+"\')")')

在补的时候就应该已经注意到了一个问题：转义符！这里已经无法避免转义符了！来看看输出的代码： eval(p='console.log("perichr.org");console.log("eval(p='"+p+"')")')

真好，已经十分接近了对吧！但还是有一点小问题：没错，转义符！输出时源码中的 \' 被转义成了 ' ！怎么办？那就要把文本中的 ' 反转义为 \' ！怎么转？可以使用 "'".replace(/'/g,"\\'") 这种方式。考虑到文本要在 p 的赋值时转义，那么就需要手动反转义为： '.replace(/\'/g,"\\\\\'")' 。接下来把它插入源码中:

eval(p='console.log("perichr.org");console.log("eval(p=\'"+p.replace(/\'/g,"\\\\\'")+"\')")')

等等……好像有什么不对？我刚才是不是把一大波 有用的反斜杠 加入源代码了？要知道，这货也是会被转义的啊！！怎么办？好嘛，来改造下反转义代码，这回单引号和反斜杠都要反转义一下： .replace(/[\\']/g,"\\$&") ，这里的 $& 是指返回匹配字符串。手动反转义： .replace(/[\\\\\']/g,"\\\\$&") ，再来一次：

eval(p='console.log("perichr.org");console.log("eval(p=\'"+p.replace(/[\\\\\']/g,"\\\\$&")+"\')")')

在控制台试一试……成功！完美！强力！分毫不差地返回了自身！任务圆满完成！

怎么样，看起来很高大上的东西，其实入门很简单吧？

有人问，费劲心机写这么个东西，有啥意义？嘛，这个世界不是为了“某些人所谓的意义”而存在的。世界存在的意义在于“世界存在”这个现象本身；我折腾这个东西的意义也就在于“折腾代码”这件事本身。我觉得我获得了一些有意义的东西。你说呢？

xw引：

http://www.cnblogs.com/ziyunfei/archive/2012/10/05/2709428.html

http://www.350351.com/plus/view.php?aid=285910&pageno=1#