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

// 関数は、変数(funcA)、配列(funcB)、そしてオブジェクト(funcC)に格納できる
var funcA = function(){}; // funcA()で関数を呼ぶ
var funcB = [function(){}]; // funcB[0]()で呼ぶ
var funcC = {method: function(){}}; // funcC.method()もしくはfuncC['method']()で呼ぶ

// 関数は引数として関数にわたしたり、戻り値にすることができる
var funcD = function(func){
    return func;
};

var runFuncPassedToFuncD = funcD(function(console.log('Hi')));

runFuncPassedToFuncD();

// 関数はオブジェクト
// つまり、プロパティを持つこともできる
var funcE = function(){};
funcE.answer = 'yup'; // インスタンスプロパティ
console.log(funcE.answer); // 出力:'yup'