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

// Object()コンストラクタを使ってcodyAを生成

/* var codyA = new Object();
codyA.living = true;
codyA.age = 33; 
codyA.gender = 'male';
codyA.getGender = function() {
  return codyA.gender;
};

console.log(codyA);  */
// 出力：Object {living: true, age: 33, gender: "male", getGender: function}

/* 次の例では、上の例と同じオブジェクトを生成しますが、次はObject()コンストラクタで一度きりのcodyを生成するのではなく、最初にcodyオブジェクト（もしくは他のPersonオブジェクト）を生成するPerson()コンストラクタを定義しnewを使ってインスタンス化します。 */

/* var Person = function(living, age, gender) {
    this.living = living;
    this.age = age;
    this.gender = gender;
    this.getGender = function() {return this.gender;};
};

var codyB = new Person(true, 33, 'male');

console.log(codyB);  */
// 出力：Object {living: true, age: 33, gender: "male", getGender: function}(*)


var Person = function(living, age, gender){
	this.living = living;
  this.age = age;
  this.gender = gender;
  this.getGender = function(){
  	return this.gender;
  }
}
var codyB = new Person(true, 33, 'male');
console.log(codyB);