JavaScript对象创建与属性访问详解

JavaScript对象基础概述

本文通过具体示例，详细解析JavaScript中对象的基本概念与常用操作方法，供读者参考学习。

对象简介

在JavaScript语言体系中，不存在传统面向对象语言中“类”的概念，一切皆以对象为核心。

对象的三种创建方式

A:对象声明方式有三种

------------1.调用Object函数创建对象:

var person = new Object;

对于已声明的对象实例，可以动态添加任意数量的属性。例如：

var person = new Object();
person.name = "zhangsan";
console.log(person); //Object {name: "zhangsan"}

上述代码为person对象添加了name属性。

------------2.采用JSON形式窗口对象: *对象字面量*

var person = {name : "zhangsan"};
console.log(person); //Object {name: "zhangsan"}

这种声明方式在功能上与第一种方法等价。

------------3.自定义函数形式创建对象

function Person() { //定义一个函数
 console.log("function Person called!!");
}
var person = new Person();//使用new关键字创建一个对象

对象属性的访问与遍历

B:对象的属性

访问对象属性主要包含两种模式，分别称为“对象式”和“数组式”。

------------1.对象式：

function Person() { //定义一个函数
 console.log("function Person called!!");
}
var person = new Person();//使用new关键字创建一个对象
person.name = "lisi"; //将name作为对象person的一个属性
console.log(person); //Person {name: "lisi"}

------------2.数组式：

person["name"] = "zhangsan";
console.log(person); //Person {name: "zhangsan"}

C:遍历对象的所有属性和方法

for (var key in person) {
 console.log(person[key]);
}

原型与扩展阅读

D:对象的prototype:prototype属性是返回对象类型原型的引用。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。