js对象创建的方式及其优势和不足6

最新推荐文章于 2018-12-24 14:41:48 发布

guishengbin

最新推荐文章于 2018-12-24 14:41:48 发布

阅读量316

点赞数

分类专栏： javascript 文章标签： javascript js

本文链接：https://blog.csdn.net/guishengbin/article/details/41092615

版权

javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

< !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>js对象的创建6 基于构造函数和原型的方式</title>
   <meta name="author" content="ASUS" />
   
   <script type="text/javascript">
      /*
       * 为了解决原型所带来的问题，需要通过构造函数和原型的组合方式来创建对象
       * 将属性定义在构造函数中，行为定义在原型中
       * 这样就有效的结合了2个的优点，是目前最为常用的一种方式
       */
   function Person(name,age,friends){
         this.name = name;
         this.age = age;
         this.friends = friends;
   }

   Person.prototype = {
         constructor : Person,
           sayHello : function(){
          alert(this.name+","+this.age+",["+this.friends+"]");
        }
   }
   //此时所以的属性都是保存在自己的空间中的
   var p1 = new Person("gui1",20,["aa","bb"]);
   p1.friends.push("ab");
   p1.sayHello();
      var p2= new Person("gui2",22,["cc","dd"]);
       p2.sayHello();
       alert(p1.sayHello==p2.sayHello);
   </script>
</head>
<body>

</body>
</html>

guishengbin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js对象创建的方式及其优势和不足6

"http://www.w3.org/TR/html4/strict.dtd"> js对象的创建5 基于构造函数和原型的方式 /* *基于原型的创建方式可以有效的完成封装，但是依然有缺陷 * 1 无法通过构造函数来设置属性的值 * 2 当属性中有引用类型的变量时，可能存在
复制链接

扫一扫

专栏目录