联系我们我要留言

CSS教程

JavaScript 对象构造器

时间：2020/11/2 14:07:21 作者：来源：查看：0 评论：0

内容摘要：JavaScript 对象构造器JS 对象访问器JS 对象原型实例function Person(first, last, age, eye) { this.firstName = first; this.lastName = last; this.age = ...

JavaScript 对象构造器

实例

function Person(first, last, age, eye) {    this.firstName = first;    this.lastName = last;    this.age = age;    this.eyeColor = eye;}

亲自试一试

用大写首字母对构造器函数命名是个好习惯。

对象类型（蓝图）（类）

前一章的实例是有限制的。它们只创建单一对象。

有时我们需要创建相同“类型”的许多对象的“蓝图”。

创建一种“对象类型”的方法，是使用对象构造器函数。

在上面的例子中，函数 Person() 就是对象构造器函数。

通过 new 关键词调用构造器函数可以创建相同类型的对象：

var myFather = new Person("Bill", "Gates", 62, "blue");var myMother = new Person("Steve", "Jobs", 56, "green");

亲自试一试

this 关键词

在 JavaScript 中，被称为 this 的事物是代码的“拥有者”。

this 的值，在对象中使用时，就是对象本身。

在构造器函数中，this 是没有值的。它是新对象的替代物。当一个新对象被创建时，this 的值会成为这个新对象。

请注意 this 并不是变量。它是关键词。您无法改变 this 的值。

为对象添加属性

为已有的对象添加新属性很简单：

实例

myFather.nationality = "English";

亲自试一试

新属性被添加到 myFather。不是 myMother，也不是任何其他 person 对象。

为对象添加方法

为已有的对象添加新方法很简单：

实例

myFather.name = function () {    return this.firstName + " " + this.lastName;};

亲自试一试

新方法被添加到 myFather。不是 myMother，也不是任何其他 person 对象。

为构造器添加属性

与向已有对象添加新属性不同，您无法为对象构造器添加新属性：

实例

Person.nationality = "English";

亲自试一试

如需向构造器添加一个新属性，您必须添加到构造器函数：

实例

function Person(first, last, age, eyecolor) {    this.firstName = first;    this.lastName = last;    this.age = age;    this.eyeColor = eyecolor;    this.nationality = "English";}

亲自试一试

这样对象属性就可以拥有默认值。

为构造器添加方法

您的构造器函数也可以定义方法：

实例

function Person(first, last, age, eyecolor) {    this.firstName = first;    this.lastName = last;    this.age = age;    this.eyeColor = eyecolor;    this.name = function() {return this.firstName + " " + this.lastName;};}

亲自试一试

与向已有对象添加新方法不同，您无法为对象构造器添加新方法。

必须在构造器函数内部向一个对象添加方法：

实例

function Person(firstName, lastName, age, eyeColor) {    this.firstName = firstName;      this.lastName = lastName;    this.age = age;    this.eyeColor = eyeColor;    this.changeName = function (name) {        this.lastName = name;    };}

changeName() 函数把 name 赋值给 person 的 lastName 属性。

现在您可以试一试：

myMother.changeName("Jobs");

亲自试一试

通过用 myMother 替代 this，JavaScript 可以获知目前处理的哪个 person。

内建 JavaScript 构造器

JavaScript 提供用于原始对象的构造器：

实例

var x1 = new Object();    // 一个新的 Object 对象var x2 = new String();    // 一个新的 String 对象var x3 = new Number();    // 一个新的 Number 对象var x4 = new Boolean();   // 一个新的 Boolean 对象var x5 = new Array();     // 一个新的 Array 对象var x6 = new RegExp();    // 一个新的 RegExp 对象var x7 = new Function();  // 一个新的 Function 对象var x8 = new Date();      // 一个新的 Date 对象

亲自试一试

Math() 对象不再此列。Math 是全局对象。new 关键词不可用于 Math。

您知道吗？

正如以上所见，JavaScript 提供原始数据类型字符串、数字和布尔的对象版本。但是并无理由创建复杂的对象。原始值快得多！

请使用对象字面量 {} 代替 new Object()。

请使用字符串字面量 "" 代替 new String()。

请使用数值字面量代替 Number()。

请使用布尔字面量代替 new Boolean()。

请使用数组字面量 [] 代替 new Array()。

请使用模式字面量代替 new RexExp()。

请使用函数表达式 () {} 代替 new Function()。

实例

var x1 = {};            // 新对象var x2 = "";            // 新的原始字符串var x3 = 0;             // 新的原始数值var x4 = false;         // 新的原始逻辑值var x5 = [];            // 新的数组对象var x6 = /()/           // 新的正则表达式对象var x7 = function(){};  // 新的函数对象

亲自试一试