JS函数的原型模式 – 继承核心：prototype

最新推荐文章于 2025-07-06 12:08:47 发布

weixin_33712881

最新推荐文章于 2025-07-06 12:08:47 发布

阅读量82

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/dtz/blog/656272

本文详细介绍了JavaScript中原型模式的使用，包括如何通过原型修改类的方法，实现类的继承，以及利用原型添加如trim方法等。同时展示了通过原型继承的实现方式，并以trim方法为例演示了如何通过原型修改字符串类的行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

JS函数的原型模式 – 继承核心： Prototype(原型)模式 //1----模拟对象 function Person(name,age){//定义一个函数 this.name=name; //此时Person成为对象，里面使用this表示的是new Person(...); this.age=age;//接收构造方法的参数 //定义方法 this.getName=function(){//类似于在Java中的getName() return this.name; }; this.setName = function(nm){ this.name=nm; } }

	//使用上面的类
	var tom = new Person("Jack",44);
	alert(tom.getName());//Jack
	//调用设置名称的方法
	tom.setName("Alex");
	alert(tom.getName())//Alex
	
	//2----通过原型修改某些类
	//发现忘记了开发getAge,setAge - 只要找到源代码，添加getAge/setAge即可
	//也可以不去修改源代码，而是通过prototyp的方式来添加新的方法
	//修改原型
	Person.prototype.setAge=function(age){
		this.age=age;
	}
	Person.prototype.getAge=function(){
		return this.age;
	}
	
	alert(tom.getAge());

prototype可以让用户设置任意类任意的方法： <script type="text/javascript"> //1-----:可以通过prototype修改trim方法执行规则 String.prototype.trim=function(){ //使用正则表达式去里面空格 var regex =/\s+/g; var str = this.replace(regex,""); return str; }

	//上面的名称，有很多的空格
	//String
	var name = '            J        a   c            k           ';
	//如果想去掉里面的空格
	name = name.trim()//只是去两边的空格
	alert(">"+name+"<");
	
</script>

模拟继承： //3---声明一个新的对象（目前只是一个函数） function Child(){ this.getName = function(){ return "Mark"; } } //5:----声明Child原型是Person的实例，即模拟继承 Child.prototype=tom;

	//4:----声明上面的对象
	var c = new Child();
	
	alert("c.name:"+c.getName());//从父类的继承的

转载于:https://my.oschina.net/dtz/blog/656272

JS函数的原型模式 – 继承 核心：prototype

JS函数的原型模式 – 继承核心：prototype