JavaScript面向对象编程-封装

最新推荐文章于 2024-02-28 23:59:43 发布

Geek_ymv

最新推荐文章于 2024-02-28 23:59:43 发布

阅读量623

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Geek_ymv/article/details/44853103

版权

JavaScript 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

<!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>

Geek_ymv

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript面向对象编程-封装

Document /*JavaScript面向对象编程-封装*/ $(function(){ // 生成对象的原始模式 var Cat = { name : '', color : '' }; var c1 = {}; // 创建一个空对象 c1.name = '大毛'; c1.colr = '黄色'; var c2 = {}; c2
复制链接

扫一扫

专栏目录