html引用js数据类型,JavaScript基础--引用数据类型 (对象)

本文主要讲述了JavaScript对象的属性和对象的引用，以及对象的读取、赋值、删除和获取对象键名的操作。

1、对象

对象就是一组 “键值对”(key-value)的集合，是一种无序的复合数据集合。var obj = {

foo: 'Hello',

bar: 'World',

100: true,};obj.foo // 'Hello'obj[100] //true 如果键名是数值，会被自动转为字符串(等价于obj.['100'] )

2、属性和方法

对象的每一个键名又称为 “属性”(property)，它的 “键值” 可以是任何数据类型。如果一个属性的值为函数，通常把这个属性称为 “方法”，它可以像函数那样调用。var obj = {

foo: function (x) {

return 2 * x;

}};obj.foo(2) // 4 调用foo方法

3、对象的引用

对象通过引用来传递。即若不同的变量名指向同一个对象，那么它们都是这个对象的引用，也就是说指向同一个内存地址。修改其中一个变量，会影响到其他所有变量。var o1 = {};

var o2 = o1;

o1.a = 1;

o2.a // 1

o2.b = 2;

o1.b // 2

这里 o1 和 o2 指向同一个对象，因此为其中任何一个变量添加属性，另一个变量都可以读写该属性。

同时若取消某一个变量对于原对象的引用，不会影响到另一个变量var o1 = {};

var o2 = o1;

o1 = 1;

o2 // {}

o1 和 o2 指向同一个对象，然后 o1 的值变为 1，这时不会对 o2 产生影响，o2 还是指向原来的那个对象。

变量 a、b、c 每个都引用一个不同的空对象var a = {};

var b = {};

var c = {};

4、对象的操作

读取

读取对象的值，有两种方法，一种是使用点运算符，还有一种是使用方括号运算符var obj = {

p: 'Hello'

};

obj.p // "Hello"

obj['p'] // "Hello"

优先考虑使用. 表示，因为它更紧凑且可读性更好

赋值var obj = { p: 1 };

// 等价于

var obj = {};

obj.p = 1;

获取对象键名var obj = {

key1: 1,

key2: 2

};

Object.keys(obj);// ['key1', 'key2']

删除var obj = { p: 1 };

Object.keys(obj) // ["p"]

delete obj.p // true

obj.p // undefined

Object.keys(obj) // []

注意的是，delete 命令只能删除对象本身的属性，无法删除继承的属性。