JSFiddle - React, Tailwind, and code Playground

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 addConstructor = new Function('x', 'y', 'return x + y');

// 関数宣言（function文）
function addStatement(x, y) {
    return x + y;
}

// 関数式
var addExpression = function(x, y) {
    return x + y;
};

// 関数式（関数名指定：関数内で関数自身を指定する場合に使用。4.21を参照。）
var addNamedExpression = function add(x, y) {
    return x + y;
};

// すべて4を出力
console.log(addConstructor(2, 2), addStatement(2, 2), addExpression(2, 2), addNamedExpression(2, 2));