Hello World的四+N種方法

作者 Calpa 日期 2017-04-27 共733字
JavaScript

在這些時候，我可以附和著笑，老闆是決不責備的。而且老闆見了他，也每每這樣問他，引人發笑。他自己知道不能和他們談天，便只好向孩子說話。有一回對我說道：「你讀過書麼？」我略略點一點頭。他說：「讀過書，。。。我便考你一考。代碼的Hello World，怎樣寫的？」他等了許久，很懇切的說道：「不能寫罷？。。。我教給你，記著！這些字應該記著。將來做老闆的時候，Debug要用。」我暗想我和老闆的等級還很遠呢，而且我們老闆也從不將代碼上傳；又好笑，又不耐煩，懶懶的答他道：「誰要你教，不就是用alert輸出嘛」他顯出極高興的樣子，將兩個指頭的長指甲敲著鍵盤，點頭說：「對呀對呀！。。。Hello World有四樣寫法，你知道麼？」我愈不耐煩了，努著嘴走遠。他剛用指甲蘸了酒，想在鍵盤上打字，見我毫不熱心，便又歎一口氣，顯出極惋惜的樣子。

alert()

alert("Hello, World!!");

document.write()

直接輸出Hello, World!到document:
document.write('Hello, World!');

document.writeln()

在現有的document上增加Hello, World!這一行：

document.writeln('Hello, World!');

Function constructor

使用Function constructor, 以及 Immediately-Invoked Function Expression (IIFE):

1
2
new Function ([arg1[, arg2[, ...argN]],] functionBody);
(new Function ('console.log("Hello, World")'))();

順帶一提，以下三種寫法，結果都是一樣的。

1
2
3
new Function("a", "b", "c", "return a+b+c;"); // 每一個arugument都用,分開
new Function("a, b, c", "return a+b+c;");      
new Function("a,b", "c", "return a+b+c;");

輸出：

1
2
3
4
function anonymous(a, b, c
/*``*/) {
return a+b+c;
}

Function declaration

1
2
3
4
5
6
7
8
function sayHello() {
  console.log('Hello, World!');
}
sayHello(); // Hello, World!
sayHello    // function sayHello() {
        //   console.log('Hello, World!');
        // }

Arrow Function

1
2
() => { console.log('Hello, World!')};
(() => { console.log('Hello, World!')})(); // Hello, World!

Promise

先定義一個Promise：

1
2
3
var helloPromise = new Promise(function(resolve){
    resolve("Hello, World!");
});

如果resolve成功的話，就會輸出”Hello, World!”:

1
2
3
4
5
helloPromise.then(function (value) {
  console.log(value);
}).catch(function (error) {
  console.log(error);
}); // Hello, World!

當然，你也可以利用Arrow Function這樣寫：

1
2
3
4
5
6
7
8
9
let helloPromise = new Promise((resolve) => {
  resolve("Hello, World!");
});
helloPromise.then((value) => {
  console.log(value);
}).catch((error) => {
  console.log(error);
});

有幾回，鄰舍孩子聽得笑聲，也趕熱鬧，圍住了他。他便給他們看代碼，一人一段。孩子看完代碼，仍然不散，眼睛都望著屏幕。他著了慌，伸開五指將屏幕罩住，彎腰下去說道：「不多了，我已經不多了。」直起身又看一看代碼，自己搖頭說：「不多不多！多乎哉？不多也。」於是這一群孩子都在笑聲裏走散了。

他是這樣的使人快活，可是沒有他，別人也便這麼過。

自此以後，又長久沒有看見爪哇文。到了年關，掌櫃取下粉板說：「爪哇文還欠十九行代碼呢！」到第二年的端午，又說「爪哇文還欠十九行代碼呢！」到中秋可是沒有說，再到年關也沒有看見他。

參考資料

Function constructor - ECMAScript® 2018 Language Specification