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

// 一番広く使われている方法
(function(msg) {
    console.log(msg);
})('Hi');

// 上記と記法が異なるが、同じ結果を得られる
(function(msg) {
    console.log(msg)
}('Hi'));

// コードを一番短くできる方法
!function sayHi(msg) {
	console.log(msg);
}('Hi');

!function sayHi(msg) {
	console.log(msg);
}('hi');

!function sayHi(msg) {
	console.log(msg);
}('hoo')

!function sayHi(msg) {
	console.log(msg);
}('hi');

!function sayHi(msg) {
	console.log(msg)
}('hi');

(function(msg) {
	console.log(msg);
}) ('hi');

// これは動作しない！（function文の形では実行不可）
//function sayHi() {console.log('hi');}();