js prototype 和call

夜刈萌影

于 2017-04-26 19:51:49 发布

阅读量357

点赞数

分类专栏： js

本文链接：https://blog.youkuaiyun.com/czl24zy1314/article/details/70821422

版权

js 专栏收录该内容

2 篇文章

订阅专栏

本文通过两个具体的JavaScript示例，展示了如何使用原型链实现对象继承，并演示了不同构造函数间的方法共享。深入探讨了`call`方法在实现继承中的应用。

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="applicable-device" content="mobile"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta charset="gb2312">
<title>nb</title>
<script type="text/javascript">
	function nb(){
		function dog(){
			this.say=function(){
				console.log("my name is "+this.name);
			}
		}
		function dog1(){
			this.name="hqc";
		}
		function dog2(){
			this.name="lj";
		}
		dog1.prototype = new dog();//克隆
		var hqc = new dog1();//会通过链式调用
		hqc.say();
		//dog2.prototype = new dog();
		var lj = new dog2();
		hqc.say.call(lj);
	}
	function nb2(){
		function dog(){
			this.name="hqc";
			this.say=function(){
				console.log("my name is "+this.name);
			}
		}
		function dog2(){
			this.name="lj";
		}
		var hqc = new dog();
		hqc.say();
		var lj = new dog2();
		hqc.say.call(lj);
	}
</script>
</head>
<body>
<div style="margin:0 auto;text-align:center;">
  <div><span><a οnclick="nb()">nbnb</a></span></div>
  <div><span><a οnclick="nb2()">nbnb2</a></span></div>
</div>
</body>
</html>