美文网首页JavaScript 使用记录
JavaScript 创建对象 4 组合使用构造函数模式和原型模

JavaScript 创建对象 4 组合使用构造函数模式和原型模

作者: 赵者也 | 来源:发表于2017-12-13 17:22 被阅读6次

组合使用构造函数模式和原型模式的代码实例:

        function Person(name, age, job) {
            this.name = name;
            this.age = age;
            this.job = job;
            this.friends = ["Toby", "Tina"];
        }
        Person.prototype = {
            sayName: function() {
                console.log(this.name);
            }
        }
        // 以下代码,确保通过 constructor 属性还能像之前的语法那样能够访问到适当的值
        Object.defineProperty(Person.prototype, "constructor", {
                                  enumerable: false,
                                  value: Person
                              });

        var person1 = new Person("Neo", 29, "Software Engineer");
        var person2 = new Person("Tim", 30, "Teacher");

        person2.friends.push("Jack");

        console.log(person1.friends);
        console.log(person2.friends);
        console.log(person1.friends === person2.friends);
        console.log(person1.sayName === person2.sayName);

输出结果:

输出结果

这种构造函数与原型模式混成的模式,是目前在 ECMAScript 中使用最广泛、认同度最高的一种创建自定义类型的方法。可以说,这是用来定义引用类型的一种默认模式。

相关文章

  • 关于JavaScript创建对象的多种方式

    JavaScript创建对象的方法 工厂模式 构造函数模式 原型模式 组合使用构造函数模式和原型模式 动态原型模式...

  • 构造函数-js-高级程序设计-第六章笔记

    前言 理解对象 创建对象构造函数模式原型模式组合使用构造函数模式和原型模式动态原型模式寄生构造函数模式稳妥构造函数...

  • JavaScript创建对象

    JavaScript中创建对象有以下七种方式: 工厂模式构造函数模式原型模式构造函数和原型组合模式动态原型模式寄生...

  • js中创建对象的方式

    大纲:创建单个对象(Object构造函数,对象字面量)创建多个对象(工厂模式,构造函数模式,原型模式,组合使用构造...

  • Js创建对象的几种模式

    Js创建对象的几种模式 工厂模式 构造函数模式 原型模式 组合使用构造函数模式和原型模式 动态原型模式 稳妥构造函数模式

  • JavaScript创建对象

    创建对象 1.工厂模式 2.构造函数模式 3.原型模式 4.组合使用构造函数模式和原型模式 5.动态原型模式 6....

  • 对象的创建

    创建对象1.工厂模式 2.构造函数模式 3.原型模式 4.组合使用原型模式和构造函数模式 (常见的方式) 5.动态...

  • JS创建对象和实现继承的方式

    前端知识点: 一、创建对象的方式 工厂模式、构造函数模式、原型模式、组合使用构造函数模式和原型模式、动态原型模式、...

  • 第6章:创建对象的各种模式

    6.2.4 组合使用构造函数模式和原型模式 创建自定义类型的最常用方式,就是组合使用构造函数模式和原型模式。构造函...

  • JavaScript对象的创建方法

    大纲 前言1、简单方式创建对象的方法2、工厂模式创建对象3、构造函数模式创建对象4、原型模式创建对象5、组合使用构...

网友评论

    本文标题:JavaScript 创建对象 4 组合使用构造函数模式和原型模

    本文链接:https://www.haomeiwen.com/subject/qtknixtx.html