js的拷贝继承的两种方式

最新推荐文章于 2020-07-26 08:20:05 发布

何迟

最新推荐文章于 2020-07-26 08:20:05 发布

阅读量539

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript 前端开发也蛮有意思的

本文链接：https://blog.youkuaiyun.com/qq_42036616/article/details/84198701

前端开发也蛮有意思的同时被 2 个专栏收录

82 篇文章

订阅专栏

Javascript

27 篇文章

订阅专栏

要点：

1.通过改变新实例对象的指针指向被继承的实例对象的地址，达到继承的效果

2.通过遍历复制前一个对象的属性和方法达到拷贝的效果

代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script type="text/javascript">
		var obj1 = {
			name:"陈小帅",
			show:function(){
				console.log("陈小帅帅的不行");
			}
		}

		var obj2 = obj1;
		// 直接把obj2的指针指向obj1的内存空间,达到拷贝的目的
		console.log(obj2.name);
		obj2.show();
        

        // 上面一种，通过把obj2的指针指向obj1的内存达到拷贝的效果
        // 下面一种，通过遍历复制前一个对象的属性和方法达到拷贝的效果

        function Person(){

        }
        Person.prototype.qq = 3199578835,
        Person.prototype.show = function(){
        	console.log("you are so cool");
        }
        
        var obj3 = new Person;
        for(var key in Person.prototype){
        	obj3[key] = Person.prototype[key];
        } 
        // 将Person对象中的每次属性或方法遍历复制到obj3中

		console.log(obj3.qq);
		obj3.show();

	</script>
</body>
</html>

控制台：