jsでクラスとパッケージの使い方

jsでクラスの作り方のメモ。
合わせて、パッケージ化もやってみる。

検証コード

クラスとパッケージ化したものをnewして検証。

var p= new People("tonny",20)
console.log(p.name) // tony
console.log(p.age) // 20
console.log(p.talk()) // hello

var a = new pack.Animal("shiro",3)
console.log(a.name) // shiro
console.log(a.age) // 3
console.log(a.talk()) // won!

var p= new People("tonny",20)

console.log(p.name) // tony

console.log(p.age) // 20

console.log(p.talk()) // hello

var a = new pack.Animal("shiro",3)

console.log(a.name) // shiro

console.log(a.age) // 3

console.log(a.talk()) // won!

クラス

/**********************
クラス
**********************/
var People = (function(){

	function People(_name , _age) {
		this.name = _name;
		this.age = _age;
	}

	People.prototype.talk = function(){
		return "hello";
	}

	return People;
})();

/**********************

クラス

**********************/

var People = (function(){

function People(_name , _age) {

this.name = _name;

this.age = _age;

}

People.prototype.talk = function(){

return "hello";

}

return People;

})();

package化

/**********************
package化
**********************/
var pack = pack || {};
(function(pack) {

	var Animal = (function(){

		function Animal(_name , _age) {
			this.name = _name;
			this.age = _age;
		}

		Animal.prototype.talk = function(){
			return "won!";
		}

		return Animal;
	})();

	pack.Animal = Animal;
})(pack);

/**********************

package化

**********************/

var pack = pack || {};

(function(pack) {

var Animal = (function(){

function Animal(_name , _age) {

this.name = _name;

this.age = _age;

}

Animal.prototype.talk = function(){

return "won!";

}

return Animal;

})();

pack.Animal = Animal;

})(pack);

lg

おぼえがき