JSFiddle - React, Tailwind, and code Playground

by urunao

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<!-- この枠内は無視してください -->




































































<h4><strong><a href="http://www.oreilly.co.jp/books/9784873116211" target="_blank">開眼！JavaScript</a> サンプルコード</strong></h4>

<p>スクリプトはページロード時に実行されます。</p><p>再度実行する場合や「JavaScript」ボックス内のスクリプトを修正して実行する場合は上部のナビゲーションバーにある「Run」をクリックしてください。</p><p>アウトプットはページ右下のFirebug Liteコンソールに出力されます。</p>

<a href="http://shop.oreilly.com/product/0636920027713.do" target="_blank">原著：JavaScript Enlightenment</a>

JavaScript

/* 不特定の数の引数に続いて、最後に関数の本体を文字列として渡し関数を生成する */
var addFunction = new Function('num1', 'num2', 'return num1 + num2');

/* 上記の代わりに、カンマ区切りの文字列ですべての引数をまとめることも可能 */
var timesFunction = new Function('num1, num2', 'return num1 * num2');

console.log(addFunction(2,2),timesFunction(2,2)); // logs '2 2'

yelp
// 関数生成において、より一般的に使われる方法
var addFunction = function(num1, num2) {return num1 + num2;}; // 関数式

function addFunction(num1, num2) {return num1 + num2;} // 関数宣言（function文）