JavaScript 之封装、继承、多态

最新推荐文章于 2024-09-14 23:21:58 发布

Mr_Zhang2

最新推荐文章于 2024-09-14 23:21:58 发布

阅读量272

点赞数 1

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/Mr_Zhang2/article/details/105189716

版权

本文详细介绍了JavaScript中的封装、继承和多态。封装利用JavaScript的函数作用域实现，通过实例展示了如何在ES5和ES6中创建私有属性和方法。在继承方面，讲解了类式继承、构造函数继承、组合继承、原型式继承、寄生式继承和寄生组合式继承的原理和优缺点。最后，通过地图应用的例子说明了多态的概念，以及如何在JavaScript中实现多态性。

摘要由CSDN通过智能技术生成

封装

封装的目的是要隐藏对象的属性和实现细节，仅对外公开接口，控制在程序中属性的读和修改的访问级别。在许多语言中也许提供了 private、public、protected 等关键字来提供不同的访问权限，但是 JavaScript 没有提供对这些关键字的支持，只能依赖变量的作用域来实现封装特性，而且也只能模拟出 public 和 private 这两种封装性。

在 ES5 中实现封装：使用闭包方式实现

var Person = (function() {
   
	// 静态私有变量
	var shemale = 0;
	var abnormalityPerson = 0;
	// 静态私有方法
	function privateMethod() {
   
		console.log("调用静态私有方法 privateMethod.");
	}
	
	// 返回构造函数
	function _person(newId, newName, newAge, newGender) {
   
		// 私有变量
		var name, age, gender;
		// 私有方法 (对私有属性的操作)
		function checkId(id) {
   
			console.log("私有方法 checkId, id = " + id);
		}
		// 特权方法
		this.getName = function () {
   
			return name;
		}
		this.setName = function (newName) {
   
			name = newName;	
		}
		this.getAge = function () {
   
			return age;
		}
		this.setAge = function (newAge) {
   
			if(newAge >= 0 && newAge <= 120) {
   
				 age = newAge;	
			} else {
   
				abnormalityPerson ++;
			}
		}
		this.getGender = function () {
   
			return gender;
		}
		this.setGender = function (newGender) {
   
			if(newGender != "male" && newGender != "female") {
   
				 shemale ++;
			} else {
   
				gender = newGender;
			}	
		}
		// 共有属性
		this.id = newId;
		// 公有方法
		this.getParents = function () {
   
			console.log("公有方法 getParents 被调用。");
		}

		// 构造器
		this.setName(newName);
		this.setAge(newAge);
		this.setGender(newGender);
		
//		console.log("abnormalityPerson count: " + abnormalityPerson);
//		console.log("shemale count: " + shemale);
	}
	// 构建原型
	_person.prototype = {
   
		// 静态共有属性
		staticPerson: false,
		// 静态共有方法
		play : function () {
   
			console.log(this.getName() + "play.");
		}
	}
	// 返回类
	return _person;
})();