js 继承概述

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js 继承概述，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1414字，纯文字阅读大概需要3分钟。

内容图文

 先来看一下以下创建对象的一种方式：

/*
 * 对象工厂
 */
function objectFactory(jsonObj){
	function objectEntity(){
	
	}
	if(typeof jsonObj == "object"){
		for(var index in jsonObj){
			objectEntity.prototype[index] = jsonObj[index]; 
		}	
	}
	return objectEntity;
}

var Person = objectFactory({
	pname:‘andy‘,
	sex:‘man‘
});

var person = new Person();
console.info(person+"--"+Person);// [object Object] -- function objectEntity(){}
console.info(person.pname);
console.info(person.sex);
 
objectFactory接受的是一个json对象jsonObj作为參数，在这个函数内部创建了一个函数objectEntity。然后就推断输入的jsonObj
是否是对象类型。假设是那么就遍历这个json对象，然后把遍历出来的每一个值都附加objectEntity的原型上面，请注意，以下返回的

就是objectEntity（能够參考上节中的js闭包概念），也就是说Person指向的就是objectEntity,那么Person的原型上面自然的就有了

pname，sex等属性。



假设上述可以理解的话，我们就行进行下一步的继承的实现（类似于非常多框架中的继承底层实现）
/*
 * 继承
 */
function inherit(obj,prop){
	function f(){
		
	}
	if(typeof obj=="object"){
		for(var index in obj){
			f.prototype[index] = obj[index]; 
		}
	}else{
		f.prototype = obj.prototype;
		for(var index in prop){
			f.prototype[index] = prop[index]; 
		}
	}
	
	return f;
}

var Animal = inherit({
	type:‘animal‘,
	name:‘animal‘,
	jump:‘jump‘
});

var Dog = inherit(Animal,{
	name:‘i am a dog‘,
	jump:‘dog jumpping‘
});

var dog = new Dog;
console.info(dog.type);
console.info(dog.name);


在这里就不再对inherit这个函数进行具体的解释，读者能够自行分析，在这里Dog 继承了Animal。那么Dog创建出来的对象dog自然的就有了Animal中的各个属性。

内容总结

以上是互联网集市为您收集整理的js 继承概述全部内容，希望文章能够帮你解决js 继承概述所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端