先了解一点点基本概念，一：JavaScript 在web 开发人员必须学习的 3 门语言中的定位:
- HTML定义了网页的内容
- CSS描述了网页的布局
- JavaScript定义网页的行为
基本概念二：JavaScript 字面量
在javaScript中，一个字面量是一个常量。它是一个值。 分为
数字（Number）字面量
字符串（String）字面量可以使用单引号或双引号:
表达式字面量用于计算：
数组（Array）字面量定义一个数组：[40,100,1,5,25,10]
对象（Object）字面量定义一个对象：{firstName:"John",lastName:"Doe",age:50,eyeColor:"blue"}
JavaScript对象
首先说下JavaScript的 类
JavaScript 是面向对象的语言，但 JavaScript 不使用类。
在 JavaScript 中，不会创建类，也不会通过类来创建对象（不像在java，C++，Objective-C那样先定义类，再通过类来创建具体对象）。
JavaScript 基于 prototype，而不是基于类的。
在JavaScript 中的所有事物都是对象：字符串、数值、数组、函数...
| JavaScript 中对象是变量的容器。 |
对象定义：
你可以使用字符来定义和创建 JavaScript 对象:
例子：varperson = {firstName:"John",lastName:"Doe"50"blue"};
对象属性
可以说 "JavaScript 对象是变量的容器"。
但是，我们通常认为 "JavaScript 对象是键值对的容器"。键值对通常写法为name : value(键与值以冒号分割)。键值对在 JavaScript 对象通常称为对象属性。
| JavaScript 对象是属性变量的容器。 |
访问对象属性
你可以通过两种方式访问对象属性:
| 方法一：person.lastName; 方法二：person["lastName"]; |
| JavaScript 对象是属性变量的容器。 |
对象方法
该实例访问了 person 对象的 fullName() 方法:
访问对象方法
你可以使用以下语法创建对象方法：
methodName : function() { code lines }
你可以使用以下语法访问对象方法：
objectName.methodName()
通常 fullName() 是作为 person 对象的一个方法， fullName 是作为一个属性。
有多种方式可以创建，使用和修改 JavaScript 对象。
例子：
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function()
{
return this.firstName + " " + this.lastName;
}
};
person.fullName 和person.fullName(); 是不同的
person.fullName 的值是 John Doe。而
person.fullName()的值是：function () { return this.firstName + " " + this.lastName; }
你可以在网页上试试：
js菜鸟教程在线工具
创建 JavaScript 对象
创建新对象有两种不同的方法：
- 定义并创建对象的实例
- 使用函数来定义对象，然后创建新的对象实例
直接创建实例
实例
person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";
使用对象构造器
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
