博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript中用来定义引用类型的一种"默认"模式
阅读量:7000 次
发布时间:2019-06-27

本文共 1675 字,大约阅读时间需要 5 分钟。

//        终极版:组合使用构造函数模式和原型模式:*****************************//        评价:集构造函数模式和原型模式之大成:    用来定义引用类型的一种默认模式        function Person(name, age, job){   //构造函数用来定义实例属性            this.name = name;            this.age = age;            this.job = job;            this.friends = ["Shelby","Court"];        }        Person.prototype = {   //原型属性用来定义方法和共享属性            constructor: Person,            sayName: function(){                alert(this.name);            }        }        var person1 = new Person("Nicolas",29,"SoftWare Engineer");        var person2 = new Person("Greg",27,"Doctor");        person1.friends.push("Van");        alert(person1.friends);        alert(person2.friends);        alert(person1.friends === person2.friends);        alert(person1.sayName === person2.sayName);

组合使用构造函数模式以及原型模式:

  如上代码所示,构造函数模式用来定义实例属性;而原型模式用来定义方法和共享属性。  其好处在于,这会使得每一个实例都会有自己的一份实例属性的副本,同时又共享着对方法使用。

原型模式的缺点:对于包含引用类型属性的类型来说,当每一个实例化的对象的说,各个对象的引用属性的比较将是变态的。

Person.prototype = {            constructor: Person,            name: "Nicholas",            age: 29,            job: "Software Engineer",            friends: ["Shelby","Court"],            sayName: function(){                alert(this.name);            }        };        var person1 = new Person();        var person2 = new Person();        person1.friends.push("Van");        alert(person1.friends);        alert(person2.friends);        alert(person1.friends === person2.friends);//true

 

最后一行,在堆person1以及person2的friends属性进行相等比对的时候,返回了近乎完美的true   这是与程序的设计初衷相背的。

对于构造函数模式:

  每一次我实例化一个对象时,其中的方法也会被实例化一次(ECMAScript中函数也是对象),而这种行为所造成的结果,创建两个完成同样任务的方法时完全没有必要的,特别是当对象new多了的时候,非常的恐怖哈!!

转载于:https://www.cnblogs.com/Frank-C/p/4817865.html

你可能感兴趣的文章
finally执行顺序
查看>>
TWebBrowser 与 MSHTML(2): 获取 window 对象的时机
查看>>
【博客话题】IT人,你肿么了? ——除了IT,你还能选择什么?
查看>>
docker初步入门
查看>>
Outlook提示:无法安装或装载加载项vpmsece.dll
查看>>
使用Apache开源POI和jXLS两种API生成报表
查看>>
oracle控制台OEM无法启动
查看>>
haproxy负载均衡
查看>>
clink 让cmd像ubuntu gnome-terminal一样
查看>>
初识Java模板引擎Beetl之简单示例
查看>>
Oracle UNDO表空间的管理
查看>>
canal.deployer-1.1.0版本,当监听到数据库变动时,server端报异常,docker单核引起的问题...
查看>>
JAVA并发编程:干掉 Synchronized
查看>>
JAVA .class 文件防止反编译
查看>>
iOS-<UITabBarControllerDelegate> 代理不执行
查看>>
easyui实现datagrid列标题拖动
查看>>
CentOS 6.5系统安装配置LAMP(Apache+PHP5+MySQL)服务器环境
查看>>
在Websphere上修改项目的web.xml中的配置后不起作用
查看>>
JAVA 数据计算、取整、+1、四舍五入
查看>>
wshell修改了upload功能,増加显示图片功能
查看>>