JavaScript之自定义类型资源-CSDN文库

自定义类型

152 浏览量 2020-10-28 02:27:48 上传评论收藏 59KB PDF 举报

资源推荐

资源详情

资源评论

JavaScript之自定义类型之自定义类型

在JavaScript中，创建一个具有自定义属性和方法的对象有很多种模式，下面一一进行介绍

1、直接创建模式。这是最简单也是最直接的一种模式，首先创建一个引用类型的对象，然后为其添加自定义属性和方法。示

例代码如下：

复制代码代码如下:

var person = new Object();

person.name = "Sam";

person.age = 16;

person.speak = function(){

alert(this.name + "is " + this.age + "years old");

}

person.speak();

可以看到，上面创建了一个Object类型的对象，然后为其添加了name和age属性以及一个speak方法。直接创建模式虽然简

单，但其缺点是显而易见的：当我们需要创建许多相同的对象时，每次都要重复编写代码。为了解决这个问题，我们可以将创

建对象的过程进行封装，于是便有了下面的工厂模式。

2、工厂模式。工厂模式是程序设计中一种常用的设计模式，它主要是将创建对象的过程进行了封装，示例代码如下：

复制代码代码如下:

function createPerson(name, age){

var person = new Object();

person.name = name;

person.age = age;

person.speak = function(){

alert(this.name + "is " + this.age + "years old");

}

return person;

}

var person1 = createPerson("Sam", 16);

var person2 = createPerson("Jack", 18);

使用工厂模式后，创建相同类型的对象变得简单了。但工厂模式没有解决对象识别的问题，即我们无法确定创建的对象的具体

类型。有过面向对象编程经验的开发人员都知道，对象的创建应当基于类，有了具体的自定义类，再来创建该类的对象。幸

好，在JavaScript中，我们可以通过构造函数模式来模拟一个类。

3、构造函数模式。构造函数和普通函数没有任何区别。任何普通函数都可以作为构造函数，只要使用new操作符即可；任何

构造函数也都可以作为普通函数来调用。只不过在JavaScript中，有一个约定，就是用作构造函数的函数名需要首字母大写。

示例代码如下：

复制代码代码如下:

function Person(name, age){

this.name = name;

this.age = age;

this.speak = function(){

alert(this.name + "is " + this.age + "years old");

}

}

var person1 = new Person("Sam", 16);

var person2 = new Person("Jack", 18);

可以看到，在构造函数内部，我们使用了this来添加属性和方法，那么，这个this是指什么呢？当我们创建了一个Person的对

象时，this即是指这个创建的对象。现在，我们可以识别出对象person1和person2的具体类型了。使用alert(person1

instanceOf Person)后可以发现，输出的值为true。但构造函数模式也有自己的缺点，就是构造函数内声明的方法在每次创建

新对象时都会重新创建（在JavaScript中，函数也是对象）。也就是说，构造函数内的方法是与对象绑定的，而不是与类绑定

的。下面代码的输出可以验证我们的推断。

alert(person1.speak == person2.speak); // false 解决这个缺点的一种比较简单的方法就是将函数的声明放到构造函数的外

面，即：

复制代码代码如下:

function Person(name, age){

this.name = name;

this.age = age;

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

内容反馈

weixin_38724106

粉丝: 3
资源: 911

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip