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

// new演算子とString()コンストラクタを使った生成方法（非推奨）
var stringObject = new String('foo');
console.log( stringObject ); // 出力：foo {0 = 'f', 1 = 'o', 2 = 'o'}
console.log( typeof stringObject ); // 出力：'object'

// プリミティブ文字列値をString()コンストラクタを使用して生成（非推奨）
var stringObjectWithOutNewKeyword = String('foo'); // new演算子を使わない
console.log(stringObjectWithOutNewKeyword); // 出力：'foo'
console.log(typeof stringObjectWithOutNewKeyword); // 出力：'string'

// リテラルでプリミティブ値を生成（コンストラクタは裏で使用されている）
var stringLiteral = 'foo';
console.log(stringLiteral); // 出力：foo
console.log(typeof stringLiteral); // 出力：'string'