一步一步寫(xiě)一個(gè)簡(jiǎn)單的js版quine程序

AJie 發(fā)布于2019-08-19 14:48 / 656人閱讀

摘要：感覺(jué)挺有意思的，于是打算自己用寫(xiě)一個(gè)試試。為有趣起見(jiàn)，準(zhǔn)備從一個(gè)打印本站域名的額外功能開(kāi)始這個(gè)命令可以在控制欄打印出一行。接下來(lái)我準(zhǔn)備一步一步改造這個(gè)命令，直至達(dá)成的目標(biāo)。注意到源碼里外用了不同的引號(hào)，這是為了規(guī)避轉(zhuǎn)義符。

原文自轉(zhuǎn)->這里

早上看了justjavac大大的一篇文章：javascript 的 quine 程序升級(jí)版，了解了一下所謂quine程序的概念：

  一個(gè) quine 是一個(gè)計(jì)算機(jī)程序，它不接受任何輸入，且唯一的輸出就是自身的源代碼。

感覺(jué)挺有意思的，于是打算自己用js寫(xiě)一個(gè)試試。

首先確定輸出方式為控制臺(tái)，即通過(guò)console.log輸出。

為有(guang)趣(gao)起見(jiàn)，準(zhǔn)備從一個(gè)“打印本站域名”的“額外功能”開(kāi)始：

console.log("perichr.org")

這個(gè)命令可以在控制欄打印出一行perichr.org。接下來(lái)我準(zhǔn)備一步一步改造這個(gè)命令，直至達(dá)成quine的目標(biāo)。

首先試著打印上面這個(gè)命令：

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

這樣就在控制欄打印了一行console.log("perichr.org")。注意到源碼里外用了不同的引號(hào)，這是為了規(guī)避轉(zhuǎn)義符。

對(duì)了，別忘了需要執(zhí)行自己，那么有：

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

很好，這樣即執(zhí)行了“額外功能”，又打印了自己的源代……不對(duì)！壓根沒(méi)有打印自己的源代碼對(duì)吧！
從簡(jiǎn)單的入手，不考慮打印完整源代碼，先想想要怎樣能在執(zhí)行一個(gè)功能的同時(shí)打印功能代碼呢？打印的是字符串，執(zhí)行的是js源碼……想到什么了？對(duì)了，eval！

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

很好，這次完美地打印了perichr.org和console.log("perichr.org")。要注意的是，這里的變量p沒(méi)有做聲明，嚴(yán)格模式下是通不過(guò)的喲！

不過(guò)這還遠(yuǎn)遠(yuǎn)不夠！來(lái)做一點(diǎn)小調(diào)整：

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

發(fā)現(xiàn)了嗎？這次輸出了perichr.org和console.log("perichr.org");console.log(p)！進(jìn)化了！接下來(lái)先討個(gè)巧，利用 賦值表達(dá)式返回右值 的小技巧來(lái)簡(jiǎn)化一下代碼，畢竟代碼越精簡(jiǎn)心理壓力越小嘛……

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

接下來(lái)怎么辦呢……來(lái)對(duì)比下上面的源碼和輸出的代碼：console.log("perichr.org");console.log(p)，其實(shí)已經(jīng)很接近了有木有！輸出碼就是缺少了頭eval(p="和尾")！來(lái)，補(bǔ)上！

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

在補(bǔ)的時(shí)候就應(yīng)該已經(jīng)注意到了一個(gè)問(wèn)題：轉(zhuǎn)義符！這里已經(jīng)無(wú)法避免轉(zhuǎn)義符了！來(lái)看看輸出的代碼：eval(p="console.log("perichr.org");console.log("eval(p=""+p+"")")")

真好，已經(jīng)十分接近了對(duì)吧！但還是有一點(diǎn)小問(wèn)題：沒(méi)錯(cuò)，轉(zhuǎn)義符！輸出時(shí)源碼中的"被轉(zhuǎn)義成了"！怎么辦？那就要把文本中的"反轉(zhuǎn)義為"！怎么轉(zhuǎn)？可以使用""".replace(/"/g,""")這種方式。考慮到文本要在p的賦值時(shí)轉(zhuǎn)義，那么就需要手動(dòng)反轉(zhuǎn)義為：".replace(/"/g,""")"。接下來(lái)把它插入源碼中:

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

等等……好像有什么不對(duì)？我剛才是不是把一大波 有用的反斜杠 加入源代碼了？要知道，這貨也是會(huì)被轉(zhuǎn)義的啊！！怎么辦？好嘛，來(lái)改造下反轉(zhuǎn)義代碼，這回單引號(hào)和反斜杠都要反轉(zhuǎn)義一下：.replace(/["]/g,"$&")，這里的$&是指返回匹配字符串。手動(dòng)反轉(zhuǎn)義：.replace(/["]/g,"$&")，再來(lái)一次：

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

在控制臺(tái)試一試……成功！完美！強(qiáng)力！分毫不差地返回了自身！任務(wù)圓滿完成！

怎么樣，看起來(lái)很高大上的東西，其實(shí)入門很簡(jiǎn)單吧？

有人問(wèn)，費(fèi)勁心機(jī)寫(xiě)這么個(gè)東西，有啥意義？嘛，這個(gè)世界不是為了“某些人所謂的意義”而存在的。世界存在的意義在于“世界存在”這個(gè)現(xiàn)象本身；我折騰這個(gè)東西的意義也就在于“折騰代碼”這件事本身。我覺(jué)得我獲得了一些有意義的東西。你說(shuō)呢？