JSFiddle - React, Tailwind, and code Playground

by Bear Bear

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演算子を使ってネイティブコンストラクタからインスタンスを生成

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('うわっ!');

// これらのコンストラクタがオブジェクトを生成したかどうかを出力して確認
console.log(myNumber.constructor); // 出力:Number()
console.log(myString.constructor); // 出力:String()
console.log(myBoolean.constructor); // 出力:Boolean()
console.log(myObject.constructor); // 出力:Object()
console.log(myArray.constructor); //出力:Array() (モダンブラウザのみ。Objectを出力するブラウザも存在した。)
console.log(myFunction.constructor); //出力:Function()
console.log(myDate.constructor); // 出力:Date()
console.log(myRegExp.constructor); // 出力:RegExp()
console.log(myError.constructor); // 出力:Error()