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 myNull = null;
var myUndefined = undefined;
var primitiveString1 = "string";
var primitiveString2 = String('string');
var primitiveNumber1 = 10;
var primitiveNumber2 = Number('10');
var primitiveBoolean1 = true;
var primitiveBoolean2 = Boolean('true');

console.log(typeof myNull); // 出力:object …?気をつけて!
console.log(typeof myUndefined); // 出力:undefined
console.log(typeof primitiveString1, typeof primitiveString2); // 出力:string string
console.log(typeof primitiveNumber1, typeof primitiveNumber2); // 出力:number number
console.log(typeof primitiveBoolean1, typeof primitiveBoolean2); // 出力:boolean boolean

// オブジェクト
var myNumber = new Number(23);
var myString = new String('male');
var myBoolean = new Boolean(false);
var myObject = new Object();
var myArray = new Array('foo', 'bar');
var myFunction = new Function("x", "y", "return x * y");
var myDate = new Date();
var myRegExp = new RegExp('\\bt[a-z]+\\b');
var myError = new Error('Crap!');

console.log(typeof myNumber); // 出力:object
console.log(typeof myString); // 出力:object
console.log(typeof myBoolean); // 出力:object
console.log(typeof myObject); // 出力:object
console.log(typeof myArray); // 出力:object
console.log(typeof myFunction); // 出力:function …?気をつけて!
console.log(typeof myDate); // 出力:object
console.log(typeof myRegExp); // 出力:object
console.log(typeof myError); // 出力:object