先了解一点点基本概念,一:JavaScript 在web 开发人员必须学习的 3 门语言中的定位:
- HTML 定义了网页的内容
- CSS 描述了网页的布局
- JavaScript 定义网页的行为
基本概念二:JavaScript 字面量
JavaScript 对象
首先说下JavaScript的 类
JavaScript 是面向对象的语言,但 JavaScript 不使用类。
在 JavaScript 中,不会创建类,也不会通过类来创建对象(不像在java,C++,Objective-C那样先定义类,再通过类来创建具体对象)。
JavaScript 基于 prototype,而不是基于类的。
JavaScript 中对象是变量的容器。 |
对象定义:
对象属性
可以说 "JavaScript 对象是变量的容器"。
但是,我们通常认为 "JavaScript 对象是键值对的容器"。键值对通常写法为 name : value (键与值以冒号分割)。键值对在 JavaScript 对象通常称为 对象属性。
JavaScript 对象是属性变量的容器。 |
访问对象属性
你可以通过两种方式访问对象属性:
方法一:person.lastName; 方法二:person["lastName"]; |
JavaScript 对象是属性变量的容器。 |
对象方法
对象的方法定义了一个函数,并作为对象的属性存储。
对象方法通过添加 () 调用 (作为一个函数)。
该实例访问了 person 对象的 fullName() 方法:
访问对象方法
你可以使用以下语法创建对象方法:
你可以使用以下语法访问对象方法:
通常 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。而创建 JavaScript 对象
创建新对象有两种不同的方法:
- 定义并创建对象的实例
- 使用函数来定义对象,然后创建新的对象实例
直接创建实例
这个例子创建了对象的一个新实例,并向其添加了四个属性:
实例
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";
使用对象构造器
实例
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
一旦您有了对象构造器,就可以创建新的对象实例,就像这样:
var myMother=new person("Sally","Rally",48,"green");
把属性添加到 JavaScript 对象
您可以通过为对象赋值,向已有对象添加新属性。比如上面的例子,创建好myFather和myMother后,可以再添加属性
var myMother=new person("Sally","Rally",48,"green");