JSF**k講座 3限目【関数の実行】

# 初めに
初手謝罪です
4限目にはhelloworldかけるなどとほざきましたが、6限目以降になってしまいそうです
毎日更新するので許してください
_____
[2限目](https://qiita.com/shimgo2008/items/285ba81ee5f925cc0258)の復習をしっかりとしておきましょう
2限目ではJSFで文字を書く仕組みと、
`false`, `true`,  `undefined`, `NaN`, `Infinity`,から取れる文字と`0~9`の数字たちを得る方法を教えています

# 第3限の内容
JSFで得られた文字列を関数で実行する方法と、それを使うのに必要な新たな文字たち`c`, `o`を得る方法を話していきます
> `c`, `o`は`constructor`に使います具体的な使用用途はきちんと書きます
仕組みはまた今度説明します

# function at() { [native code] }

```js
function at() { [native code] }
```

今回必要な`c`, `o`だけでなく、`(`, `)`, `[`, `]`, ` `,等得ることができる非常に有用なコードです

:::note info
` `,はともかく他の4つは使えるじゃないか、と思った方もいるかもしれません
しかし、Stringとしてこの4つの記号を得ないと、プログラムに使えないため、非常に大切です
実際に
```js
)+[]
```
などと書いても`SyntaxError`が帰ってきてしまいます
:::

では実際に書き方を見てみましょう

```js
[][[((![]+[])[+!![]])+((!![]+[])[+[]])]]
```

と書きます

これをみても何やってるかさっぱりわからんと思うので、解説していきます


```js
[][[((![]+[])[+!![]])+((!![]+[])[+[]])]]
//[]['at']
```
を実行して帰ってくるのはこの関数を表す表記です
**~~codeblockでの表現方法わからなかったです~~**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3822064/a64d01cd-5a09-3181-5b7b-23d79bf2c4b7.png)

<font color="DeepSkyBlue">*`f`*</font> というものに今回必要な`c`, `o`が詰まっています

ではどのように`c`, `o`を取り出すのでしょうか？
```js
[][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[]
//"function at() { [native code] }"
```
最後に`+[]`をつけ、先ほどまでの文字列をStringにしてあげるだけで求めていた文字列が手に入ります

これはなぜかというと、<font color="DeepSkyBlue">*`f`*</font> とはfunctionが省略されて表示されていただけのため、Stringに直すことにより、省略する対象と認識されなくなるためです

以上のことを踏まえて`function at() { [native code] }`から新たに得られる文字列は以下の通りです
```js
([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[+!![]+!![]+!![]]
//'c'

([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[+!![]+!![]+!![]+!![]+!![]+!![]]
//'o'

([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[+!![]+!![]+!![]+!![]+!![]+!![]+!![]+!![]]
//' '

([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[(+!![])+(+!![]+[])]
//'('

([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[(+!![])+(+!![]+!![]+[])]
//')'

([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[(!![]+!![])+(+!![]+!![]+!![]+!![]+!![]+!![]+!![]+!![]+[])]
//'['

([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[(!![]+!![])+(+!![]+!![]+!![]+!![]+!![]+!![]+!![]+!![]+[])]
//']'

([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[(+!![]+!![]+!![])+(+![]+[])]
//'{'

([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[(+!![]+!![]+!![])+(+![]+[])]
//'}'
```

以上の文字を新しく収穫できます
大豊作ですね

# 関数の実行方法

今回は「そうなんだ」で理解してください
後日詳しく解説した記事を投稿します

まずは事前に用意しておいた`constructor`をもってきます
```js
([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[+!![]+!![]+!![]]+([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[+!![]+!![]+!![]+!![]+!![]+!![]]+(([][[]])+[])[+!![]]+(![]+[])[+!![]+!![]+!![]]+(!![]+[])[+[]]+(!![]+[])[+!![]]+(([]+[[]])[+[]]+[])[+[]]+([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[+!![]+!![]+!![]]+(!![]+[])[+[]]+([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[+!![]+!![]+!![]+!![]+!![]+!![]]+(!![]+[])[+!![]]
//'constructor'
```
そして関数を実行するコードは以下の通りです
```js
[][[[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[]][([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[+!![]+!![]+!![]]+([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[+!![]+!![]+!![]+!![]+!![]+!![]]+(([][[]])+[])[+!![]]+(![]+[])[+!![]+!![]+!![]]+(!![]+[])[+[]]+(!![]+[])[+!![]]+(([]+[[]])[+[]]+[])[+[]]+([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[+!![]+!![]+!![]]+(!![]+[])[+[]]+([][[((![]+[])[+!![]])+((!![]+[])[+[]])]]+[])[+!![]+!![]+!![]+!![]+!![]+!![]]+(!![]+[])[+!![]]](/*任意のString型で記述されたコード*/)()

```

これは何を記述したかというと

```js
[]['at']['constructor'](/*任意のString型で記述されたコード*/)()
```
と記述されています
これにより
```js
Function()()
```
と同じコードを書くことができます

# 終わりに

多くの方に反応をいただけて本当に嬉しい限りです
ありがとうございます

今更ではありますが、変な文章や間違えている点がありましたらご指摘いただけると幸いです

ぜひ
```js
[]['at']['constructor'](/*任意のString型で記述されたコード*/)()
```
でさまざまなコードを実行してみてください

4限ではやっと全ての英字(小文字)を使えるようになります！

>一応今回の内容でalertなどのコードがJSFのみで書けるようになったため、簡単なコードの例などもチートシートに載せておきます

## 時間割
1限目
[JSF**k講座1限目【基礎講座】](https://qiita.com/shimgo2008/private/b7421974a1aab8131b43)
2限目
[JSF**k講座2限目【最初の文字たち】](https://qiita.com/shimgo2008/items/285ba81ee5f925cc0258)
3限目
[JSF**k講座3限目【関数の実行】(ここ)]()
4限目
[JSF**k講座4限目【全ての英字(小文字)】](https://qiita.com/shimgo2008/items/1d9be501040fc6b98c6b)

チートシート
[JSFチートシート](https://qiita.com/shimgo2008/items/5aeaa977d2dbf11ae4ec)