JavaScriptオブジェクト向けプログラミング-パッケージ

2071 ワード

<!doctype html>
<html>
 <head>
  <title>Document</title>
  <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
  <script>
	/*JavaScript      -  */
	$(function(){
		//          
		var Cat = {
			name : '',
			color : ''
		};

		var c1 = {};	//        
		c1.name = '  ';
		c1.colr = '  ';

		var c2 = {};
		c2.name = '  ';
		c2.color = '  ';

	//	alert(c1.name);
	
		//        
		function Cat(name, color){
			return {
				name : name,
				color : color
			}
		}
		
	//	var c3 = Cat('  ', '  ');
	//	var c4 = Cat('  ', '  ');
	//	alert(c4);

		//       
		function Person(name, gender) {
			this.name = name;
			this.gender = gender;
			//       
			this.type = ' ';
			this.eat = function(){
				alert('  ...');
			}
		}
		
		var c5 = new Person('  ', ' ');
		var c6 = new Person('  ', ' ');

	//	alert(c5.name + ',' + c5.gender);

	//	alert(c5.constructor == Person);
	//	alert(c6 instanceof Person);

		// Prototype  
		function Dog(name, gender){
			this.name = name;
			this.gender = gender;
		}

		Dog.prototype.type = ' ';
		Dog.prototype.eat = function(){
			alert('        !');
		}
		
		var dog1 = new Dog('  ', ' ');
		var dog2 = new Dog('  ', ' ');

	//	alert(dog1.type);
	//	alert(dog2.type);
	//	alert(dog1.type == dog2.type); // true

	//	dog1.eat();
	//	dog2.eat();

	//	alert(dog1.eat == dog2.eat); // true

	//	alert(Dog.prototype.isPrototypeOf(dog1));
		
		//                 ,     prototype     。
	//	alert(dog1.hasOwnProperty('name'));

		// in   
		//               
	//	alert('name' in dog1); // true

		//              
		for(var pro in dog1) {
			alert(pro);
		}

		var arrs = [1, 2, 3, 4];
		for(var i in arrs) {
			console.log(i);
		}

	});
  </script>
 </head>
 <body>
  
 </body>
</html></span>