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

最新推荐文章于 2024-07-09 11:11:33 发布

guishengbin

最新推荐文章于 2024-07-09 11:11:33 发布

阅读量300

点赞数

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

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

版权

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对象的创建5 基于原型的方式</title>
   <meta name="author" content="ASUS" />
   
   <script type="text/javascript">

   /*
   *基于原型的创建方式可以有效的完成封装，但是依然有缺陷
   * 1 无法通过构造函数来设置属性的值
   * 2 当属性中有引用类型的变量时，可能存在变量值重复
   */
          function Person(){

      }
      Person.prototype = {
          name:"gui",
          age:22,
          friends:["aa","bb"],
          sayHello:function(){
              alert(this.name+","+this.age+"["+this.friends+"]");
          }
      }
      var p1 = new Person();
      p1.name="newgui";
       var p2 = new Person();
       //alert(p1.sayHello==p2.sayHello);//true
       //会在p1的原型中找到friends并为它添加cc
       p1.friends.push("cc");
       p1.sayHello(); //[aa,bb,cc]
       //此时原型中就增加了cc 这就是原型带来的第二个问题
        p2.sayHello();//[aa,bb,cc]
   </script>
</head>
<body>

</body>
</html>

guishengbin

关注

0
点赞
踩
0

收藏

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

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

扫一扫

专栏目录