JavaScript: 对象

什么是对象

对象将一组变量和函数组合起来

对象中的变量和函数具有新的规则

在对象中: 变量被认为是属性

在对象中: 函数被认为是方法

创建对象

方法1: 字面量语法

 1 var hotel = {
 2     name: 'AAA',
 3     rooms: 40,
 4     booked: 25,
 5     checkAvailability=function(){
 6         return this.rooms - this.booked;
 7     }
 8 };
 9
10 //访问对象
11 var hotelName = hotel.name;
12 var findRooms = hotel.checkAvailability();

方法2: 构造函数语法

new关键字和对象的构造函数相结合可以创建一个空白对象, 随后可以为其天假属性和方法.

首先, 使用new关键字和Object()构造函数联合创建一个新对象(此函数是JavaScript语言的一部分, 用于创建对象)
创建了空白对象后, 可以使用点语法添加属性和方法

var hotel = new Object();
hotel.name = 'AAA';
hotel.rooms = 40;
hotel.booked = 25;
hotel.checkAvailability = function(){return this.rooms - this.booked;
}//修改对象的属性
hotel.name = 'BBB'//删除属性
delete hotel.name;

方法3: 创建很多对象

对象构造函数可以使用函数作为模板来创建对象.

首先, 创建带有对象属性和方法的模板.

function Hotel(name, rooms, booked){this.name = name;this.rooms = rooms;this.booked = booked;this.checkAvailability=function(){return this.rooms - this.booked;};
}//创建实例
var aaaHotel = new Hotel('AAA', 40, 25);
var bbbHotel = new Hotel('BBB', 110, 70);

一个名为Hotel的函数作为模板, 用来创建表示酒店的对象
这个函数有3个参数, 每个都为对象设置属性
this关键字用于代替对象名来指代属性或方法所属的当前函数创建的对象. 可做 Hotel.name = name
构造函数的名称通常首字母大写, 大写字母用户提醒开发人员在使用该函数创建对象时要使用new关键字
使用构造函数创建对象的实例, new关键字后紧接着调用创建新对象的函数, 每个对象的属性作为实参传递给函数;

转载于:https://www.cnblogs.com/darthbadwolf/p/7269370.html

JavaScript: 对象相关推荐

如何获取HTML元素对应JavaScript对象？
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
JavaScript对象，方括号和算法
by Dmitri Grabov 德米特里·格拉波夫(Dmitri Grabov) JavaScript对象,方括号和算法 (JavaScript Objects, Square Brackets a ...
我对javascript对象的理解
前言 JavaScript这门语言除了基本类型都是对象,可以说JavaScript核心就是对象,因此理解JavaScript对象及其种种特性至关重要,这是内功.本文介绍了我对es5对象,原型, 原型链 ...
《JavaScript启示录》——1.21 JavaScript对象和Object()对象
本节书摘来自异步社区<JavaScript启示录>一书中的第1章,第1.21节,作者:[美]Cody Lindley著,更多章节内容可以访问云栖社区"异步社区"公众号查 ...
《JavaScript启示录》——第1章 JavaScript对象 1.1创建对象
本节书摘来自异步社区<JavaScript启示录>一书中的第1章,第1.1节,作者:[美]Cody Lindley著,更多章节内容可以访问云栖社区"异步社区"公众号查看 ...
如何通过其值获取JavaScript对象中的键？
本文翻译自:How to get a key in a JavaScript object by its value? I have a quite simple JavaScript object, ...
如何从JavaScript对象中删除项目[重复]
本文翻译自:How to remove item from a JavaScript object [duplicate] Possible Duplicate: 可能重复: How to remov ...
如何遍历JavaScript对象？
本文翻译自:How to iterate over a JavaScript object? I have an object in JavaScript: 我在JavaScript中有一个对象: { ...
打印JavaScript对象的内容？ [重复]
本文翻译自:Print content of JavaScript object? [duplicate] This question already has an answer here: 这个问题 ...
通过属性值从对象数组中获取JavaScript对象[重复]
本文翻译自:Get JavaScript object from array of objects by value of property [duplicate] This question alr ...

JavaScript: 对象

什么是对象

对象将一组变量和函数组合起来

对象中的变量和函数具有新的规则

创建对象

方法1: 字面量语法

方法2: 构造函数语法

方法3: 创建很多对象

JavaScript: 对象相关推荐

最新文章

热门文章