JavaScript创建对象

张巨伟发布于2019-08-26 11:50 / 3279人阅读

摘要：对象字面量小李我叫今年岁工厂模式但是，虽然构造函数和对象字面量可以用来创建单个对象，但是这样创建对象会产生大量的重复代码。构造函数模式在中的构造函数可以创建特定类型的对象。

调用系统的构造函数

创建一个最简单的方式就是创建一个Object的实例，如下：

    // 1. 调用系统的构造函数
    var person = new Object();

    // 添加属性
    person.name = "小李";
    person.age = 22;
    person.sex = "F";

    // 添加方法
    person.eat = function () {
        console.log("我喜欢吃油炸榴莲.")
    };

    person.play = function () {
        console.log("我喜欢玩电子游戏.")
    };

    person.introduce = function () {
        console.log("我叫" + this.name + ", 今年" + this.age + "岁.");
    };    
    
    person.introduce();        // 输出：我叫小李, 今年22岁.

上面的代码创建了一个名为object的对象，并为它添加了三个属性和三个方法。

对象字面量

var person = {
    name: "小李",
    age: 22,
    sex: "F",
    introduce: function() {
        console.log("我叫" + this.name + ", 今年" + this.age + "岁.");
    }
}

工厂模式

但是，虽然Object构造函数和对象字面量可以用来创建单个对象，但是这样创建对象会产生大量的重复代码。于是人们开始使用工厂模式。如下：

function createPerson(name, age, sex) {
    var object = new Object();
    person.name = "小李";
    person.age = 22;
    person.sex = "F";
    person.introduce = function () {
        console.log("我叫" + this.name + ", 今年" + this.age + "岁.");
    };
    
    return person;
}

var person0 = createPerson("小苏", "21", "M");
var person1 = createPerson("铁子", "27", "M");

函数createPerson()能够根据接受的参数来构建一个包含所有信息的Person对象。可以无数次地调用这个函数，而每次它都会返回一个包含三个属性和一个方法的对象。工厂模式虽然解决了创建多个类似对象导致的代码大量重复的问题，但却没有解决对象识别的问题，即如何知道一个对象的类型。随着JavaScript的发展，又一个新的模式出现了，那就是构造函数模式。

构造函数模式

在ECMAScript中的构造函数可以创建特定类型的对象。像Object对象和Array对象这样的原生构造函数，在运行的时候回自动出现在执行环境中。此外我们也可以自定义构造函数，从而自定义对象的类型和方法。例如，前面的例子可以用自动以构造函数重写为以下的代码：

function Person(name, age, sex) {
    this.name = name;
    this.age  = age;
    this.sex  = sex;
    
    this.introduce = function () {
        console.log("我叫" + this.name + ", 今年" + this.age + "岁.");
    };
}

var person0 = new Person("小苏", "21", "M");
var person1 = new Person("铁子", "27", "M");

要创建一个Person的新实例，必须使用new操作符。这种操作方式调用构造函数实际上会经历一下4个过程：

创建一个新对象；

将构造函数的作用域赋给新对象（因此this就指向了这个新对象）；

执行构造函数中的代码；

返回这个新对象。

工厂模式和构造函数的区别

构造函数没有显式地创建对象；

构造函数直接将属性和方法赋给了this对象；

构造函数没有return语句，即没有返回值；

构造函数首字母需要大写。

云服务器 GPU云服务器创建对象 python创建对象 html创建对象 php对象数据创建

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107675.html

JavaScript中的面向对象（object-oriented）编程

摘要：对象在中，除了数字字符串布尔值这几个简单类型外，其他的都是对象。那么在函数对象中，这两个属性的有什么区别呢表示该函数对象的原型表示使用来执行该函数时这种函数一般成为构造函数，后面会讲解，新创建的对象的原型。这时的函数通常称为构造函数。。本文原发于我的个人博客，经多次修改后发到sf上。本文仍在不断修改中，最新版请访问个人博客。最近工作一直在用nodejs做开发，有了nodejs，...

JerryZou 2019-08-21 10:26 评论0 收藏0
[译] V8 使用者文档

摘要：注意句柄栈并不是调用栈中的一部分，但句柄域却在栈中。一个依赖于构造函数和析构函数来管理下层对象的生命周期。对象模板用来配置将这个函数作为构造函数而创建的对象。如果你已经阅读过了上手指南，那么你已经知道了如何作为一个单独的虚拟机使用 V8 ，并且熟悉了一些 V8 中的关键概念，如句柄，域和上下文。在本文档中，还将继续深入讨论这些概念并且介绍其他一些在你的 C++ 应用中使用 V8 的...

lei___ 2019-08-21 10:53 评论0 收藏0
JavaScript对象

摘要：对象的分类内置对象原生对象就是语言预定义的对象，在标准定义，有解释器引擎提供具体实现宿主对象指的是运行环境提供的对象。不过类型是中所有类型的父级所有类型的对象都可以使用的属性和方法，可以通过的构造函数来创建自定义对象。对象 javaScript中的对象，和其它编程语言中的对象一样，可以比照现实生活中的对象来理解。在JavaScript中，一个对象可以是一个单独拥有属性和类型的实体。和...

xavier 2019-08-23 11:01 评论0 收藏0
JavaScript基础之创建对象、原型、原型对象、原型链

摘要：在最开始的时候，原型对象的设计主要是为了获取对象的构造函数。同理数组通过调用函数通过调用原型链中描述了原型链的概念，并将原型链作为实现继承的主要方法。对象的创建在JavaScript中创建一个对象有三种方式。可以通过对象直接量、关键字new和Object.create()函数来创建对象。 1. 对象直接量创建对象最直接的方式就是在JavaScript代码中使用对象直接量。在ES5...

wangbjun 2019-08-22 15:16 评论0 收藏0
JavaScript 工厂函数 vs 构造函数

摘要：当谈到语言与其他编程语言相比时，你可能会听到一些令人困惑东西，其中之一是工厂函数和构造函数。好的，让我们用构造函数做同样的实验。当我们使用工厂函数创建对象时，它的指向，而当从构造函数创建对象时，它指向它的构造函数原型对象。 showImg(https://segmentfault.com/img/bVbr58T?w=1600&h=900); 当谈到JavaScript语言与其他编程语言...

RayKr 2019-08-23 17:17 评论0 收藏0
JavaScript学习笔记(二) 对象与函数

摘要：在中函数是一等对象，它们不被声明为任何东西的一部分，而所引用的对象称为函数上下文并不是由声明函数的方式决定的，而是由调用函数的方式决定的。更为准确的表述应该为当对象充当函数的调用函数上下文时，函数就充当了对象的方法。引言：当理解了对象和函数的基本概念，你可能会发现，在JavaScript中有很多原以为理所当然（或盲目接受）的事情开始变得更有意义了。 1.JavaScript...

jeffrey_up 2019-08-21 10:23 评论0 收藏0