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 foo = 0; // グローバル変数
console.log(foo); // 出力：0

var myFunction = function() {

    var foo = 1; // ローカルスコープ（myFunction）
    console.log(foo); // 出力：1

    var myNestedFunction = function() {
        var foo = 2; // ローカルスコープ（myNestedFunction）
        console.log(foo); // 出力：2
    }();
    
    var myNestedFunctionTwo = function() {
        // ここではローカルスコープにfooを定義しない
        console.log(foo); // 入れ子の外の関数のfooを参照するため、1を出力
    }();
}();

eval('var foo = 3; console.log(foo);'); // evalスコープ
eval('var voo = 6; console.log(voo);');
eval('var boo = 8; console.log(boo); ')