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

/* Personはnew演算子を伴っての利用を想定したコンストラクタ関数。 */

var Person = function Person(living, age, gender) {
    // thisはここで生成される新たなオブジェクト。（つまり、this = new Object();）
    this.living = living;
    this.age = age;
    this.gender = gender;
    this.getGender = function() {return this.gender;};
    /* 関数がnew演算子とともに呼ばれた場合、return文が宣言されていなくてもthisを返す。 */
};

// Personオブジェクトのインスタンスを生成
var cody = new Person(true, 33, 'male'); 

// codyはオブジェクトで、Person()のインスタンスである
console.log(typeof cody); // 出力：object
console.log(cody); // codyのプロパティと値を出力
console.log(cody.constructor); // Person関数そのものを出力

console.log( typeof cody );
console.log( cody );
console.log( cody.constructor );