面向对象，函数构造方法

最新推荐文章于 2024-01-05 18:29:41 发布

qq_1913284695

最新推荐文章于 2024-01-05 18:29:41 发布

阅读量279

点赞数

分类专栏： js总结

本文链接：https://blog.csdn.net/qq_21119773/article/details/54880814

版权

js总结专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>面向对象，函数构造方法1</title>
	</head>

	<body>
	</body>
	<script>
	/*(function(){}());将变量方法等搞成不同作用域，即封装某些代码块，后加()是为了可以执行*/
	(function(){
		var n="局部作用域的变量n";
		function people(name,age,sex){//people类的构造函数
			this.name=name;
			this.age=age;
			this.sex=sex;
		}
		people.prototype.n=n;
		people.prototype.say=function(){
			alert("people----say");
		}
		window.people=people;//赋值给window，全局才可以调用
		
	}());
	
	
	(function(){
		function stu(name,age,sex){//stu类的构造函数
			this.name=name;
			this.age=age;
			this.sex=sex;
		}
		stu.prototype=new people();//继承people类
		
		var speple_say=stu.prototype.say;
		people.prototype.say=function(){
			speple_say.call(this);//子类调用父类的say（）
			alert("stu----say");//重写父类say()
		}
		window.stu=stu;//赋值给window，全局才可以调用
	}());
	
	
	
	var p=new people('小明','12','男');
	p.say();
	alert(p.name+"  "+p.n);
	
	
	
	var s=new stu();
	s.say();
	alert(s.n);
	</script>

</html>

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>面向对象，函数构造方法2</title>
	</head>

	<body>
	</body>
	<script>
	/*(function(){}());将变量方法等搞成不同作用域，后加()是为了可以执行*/
	(function(){
		var n="局部变量n";
		function people(name){
			var _this={};//声明_this变量是一个空对象
			_this.name=name;
			_this.say=function(){
				alert("people----say---"+_this.name);
			}
			return _this;//个人觉得people更像是一个方法而不是类
		}
		window.people=people;
	}());
	
	
	function stu(name){
		var _this=people(name);
		var supersay=_this.say;
		_this.say=function(){
			supersay.call(_this);
			alert("stu----say---"+_this.name);
		}
		return _this;
	}
	
	var s=stu('jick');
	s.say();
	
	
	</script>

</html>