javascript中用来定义引用类型的一种"默认"模式

//        终极版:组合使用构造函数模式和原型模式:*****************************
//        评价:集构造函数模式和原型模式之大成:    用来定义引用类型的一种默认模式
        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多了的时候,非常的恐怖哈!!

时间: 2024-12-14 20:53:31

javascript中用来定义引用类型的一种"默认"模式的相关文章

Javascript中用来实现继承的几种方式

一.原型链继承 原理:修改子类型的原型,使其指向父类型的实例: 缺点: 1,不能以字面量方式在子类型的原型上添加新方法:这回重新改写子类型的原型: 2  创建子类型的实例时无法向父类型的构造函数传参. 3,不同子类型的实例对父类型中引用类型的属性进行操作时,会产生篡改 产生这种问题的原因是:父类型实例的color属性被子类型的原型继承:成为了子类型的原型属性:而引用类型值的原型属性会被所用实例共享. 二.借用构造函数继承 借用构造函数继承,可以解决原型中包含引用类型值所带来的问题: 原理:在子类

javascript学习笔记 - 引用类型 Object

引用类型是一种数据结构,也称作对象定义,类似于类的概念. 对象是引用类型的实例. javascript引用类型有:Object, Array, Date, RegExp, Function 使用new 关键字声明一个引用类型的实例. 一 Object 两种创建对象的方法. obj = new Object()//对象声明 obj = {}//对象字面量 对象字面量创建对象,并不会调用Object构造函数

javascript学习笔记 - 引用类型

引用类型是一种数据结构,也称作对象定义,类似于类的概念. 对象是引用类型的实例. javascript引用类型有:Object, Array, Date, RegExp, Function 使用new 关键字声明一个引用类型的实例. 一 Object 两种创建对象的方法. obj = new Object()//对象声明 obj = {}//对象字面量 对象字面量创建对象,并不会调用Object构造函数 二 Array 1.可以通过length属性删除或创建新的数组项 arr = [1,2,3]

研究下JavaScript中的Rest参数和参数默认值

研究下JavaScript中的Rest参数和参数默认值 本文将讨论使 JavaScript 函数更有表现力的两个特性:Rest 参数和参数默认值. Rest 参数 通常,我们需要创建一个可变参数的函数,可变参数是指函数可以接受任意数量的参数.例如,String.prototype.concat 可以接受任何数量的字符串作为参数.使用 Rest 参数,ES6 为我们提供一种新的方式来创建可变参数的函数. 我们来实现一个示例函数 containsAll,用于检查一个字符串中是否包含某些子字符串.例如

JavaScript (JS) 函数补充 (含arguments、eval()、四种调用模式)

1. 程序异常 ① try-catch语法    测试异常 try-catch语法代码如下: try { 异常代码;     try中可以承重异常代码, console.log("try")  出现异常代码后,正确代码不会执行 } catch (e) { console.log("e:"+e);  try中出现异常在e中展现出来 console.log("catch");  只有try中出现异常才执行这段代码 } finally { consol

javascript继承—prototype最优两种继承(空函数和循环拷贝)(3) - jssl915

一.利用空函数实现继承 参考了文章javascript继承-prototype属性介绍(2) 中叶小钗的评论指点,对这篇文章中的方案二利用一个空函数进行修改,可以解决创建子类对象时,父类实例化的过程中特权属性和特权方法,私有属性,私有方法的空耗资源问题. function Person(name,age){ this.name = name; this.age = age; } Person.prototype = { constructor:Person, sayHi:function(){

Java中的几种默认

1.每个类都默认导入 import java.lang.*; 2.如果一个类没有定义构造方法,则默认提供公开无参构造方法 3.在类中,访问成员变量或成员方法,如果不加引用,默认加上"this." 4.在构造方法中,如果第一行不是"this(...)"或"super(...)" ,默认为"super();" 5.在接口中,属性默认为public static final 方法默认为public abstract 6.如果一个类没

[转]javascript指定事件处理程序包括三种方式:

javascript指定事件处理程序包括三种方式: (1):DOM0级事件处理程序 如: 代码如下: var btn=document.getElementById("mybtn"); //取得该按钮的引用 btn.onclick=function(){ alert('clicked'); alert(this.id); // mybtn 以这种方式添加的事件处理程序会在事件流的冒泡阶段被处理. 删除DOM0级方法指定的事件处理程序: btn.onclick=null; // 删除事件

JavaScript中函数的四种调用模式

理解函数的四种调用方法,可以有效的帮助我们分析和理解JavaScript代码.但是经常有人分不清楚或者不理解这四种调用模式,在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非像C#或其他描述性语言那样仅仅作为一个模块来使用.函数有四种调用模式,分别是:1.函数调用形式 2.方法调用形式 3.构造器调用形式 4.上下文调用形式(apply,call)这里所有的调用模式中,最主要的区别在于关键字 this 的意义.下面分别介绍这几种调用形式. 一.函数调用形式