JavaScript高级程序设计（第3版）学习笔记6 初识js对象

简介

本篇笔记主要介绍了JavaScript中对象的基本概念、属性和方法的使用，以及对象的创建与初始化方法等。

JavaScript对象

JavaScript是一种基于对象的语言，并且几乎所有的事物都被视为对象。对象是一组相关数据和方法的集合。

JavaScript对象分为两种类型：内建对象和宿主对象。内建对象包括JavaScript核心语言提供的一些对象，比如Array、Date、Math等。宿主对象则包括由宿主环境提供的对象，比如浏览器提供的window和document对象。

对象的属性和方法

对象的属性是用来描述对象特征的数据，方法是一种特殊的属性，用于描述对象的行为。

对象的属性和方法都可以通过“.”运算符来访问。比如：

var person = {
  name: '小明',
  age: 20,
  sayHello: function() {
    console.log('你好，我叫' + this.name + '，今年' + this.age + '岁。');
  }
};

person.name; // 输出：'小明'
person.age; // 输出：20
person.sayHello(); // 输出：'你好，我叫小明，今年20岁。'

对象的创建和初始化方法

JavaScript中有多种创建和初始化对象的方法，包括字面量、工厂模式、构造函数等。

字面量

每个对象都有自己的属性和方法。使用字面量定义对象时，其属性和方法都需要在定义时进行初始化。比如：

var person = {
  name: '小明',
  age: 20,
  sayHello: function() {
    console.log('你好，我叫' + this.name + '，今年' + this.age + '岁。');
  }
};

工厂模式

使用工厂模式创建对象时，在函数内部定义一个对象，然后给对象添加属性和方法，并最终返回这个对象。

function createPerson(name, age) {
  var obj = new Object();
  obj.name = name;
  obj.age = age;
  obj.sayHello = function() {
    console.log('你好，我叫' + this.name + '，今年' + this.age + '岁。');
  };
  return obj;
}

var person1 = createPerson('小明', 20);
var person2 = createPerson('小红', 18);

person1.sayHello(); // 输出：'你好，我叫小明，今年20岁。'
person2.sayHello(); // 输出：'你好，我叫小红，今年18岁。'

构造函数

使用构造函数创建对象时，首先需要定义一个构造函数，然后通过关键字“new”来创建对象。

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.sayHello = function() {
    console.log('你好，我叫' + this.name + '，今年' + this.age + '岁。');
  };
}

var person1 = new Person('小明', 20);
var person2 = new Person('小红', 18);

person1.sayHello(); // 输出：'你好，我叫小明，今年20岁。'
person2.sayHello(); // 输出：'你好，我叫小红，今年18岁。'

示例说明

示例1：使用字面量创建对象

var person = {
  name: '小明',
  age: 20,
  sayHello: function() {
    console.log('你好，我叫' + this.name + '，今年' + this.age + '岁。');
  }
};

person.sayHello(); // 输出：'你好，我叫小明，今年20岁。'

示例2：使用构造函数创建对象

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.sayHello = function() {
    console.log('你好，我叫' + this.name + '，今年' + this.age + '岁。');
  };
}

var person1 = new Person('小明', 20);
var person2 = new Person('小红', 18);

person1.sayHello(); // 输出：'你好，我叫小明，今年20岁。'
person2.sayHello(); // 输出：'你好，我叫小红，今年18岁。'

以上就是JavaScript对象的基本概念和使用方法，希望能对你有所帮助。