1.创建对象
1). 使用{ }
//对象中还有对象
var obj = {
name : "arilife",
age : 26,
birthday : new Date(1984, 4, 5),
addr : {
street : "Huang Quan Road",
xno : "135", //属性
getStreet : function(){return this.street} //方法
}
};
alert(obj.addr.street);
alert(obj.addr.getStreet());
2). new构造函数创建
a. 系统的
var obj = new Object();
obj.name = "周大福";
obj.age = 21;
obj.getAge = function(){return this.age};
alert(obj.getAge());
b. 自定义的
function Person(name, age) {
this.name = name;
this.age = age;
this.getAge = function(){return this.age};
}
window.Person(“Jeery", 120);
var p = new Person("Tom", 23);
2.相关概念的理解
1). 对象:
l JavaScript对象其实就是属性的集合,具有确定性,无序性和互异性
var o = {
p1: 3,
p2: function(){alert("---");},
p3: [1, "abc"],
p4: {t:"aa"},
p1: "xfzhang"
};
alert(o.p1);//teacher
覆盖掉最初的p1,因为对象的互异性特征
2). 对象的属性:
l 可以动态的添加和删除, 且其值可以指向任意类型的数据
o.name = "Terry";
delete o.p1;
//alert(o.name);//Terry
//alert(o.p1); //undefined
3). 对象的方法:
l 当对象的属性指向的是一个函数时, 一般会称之为方法
4). 全局对象:
l js执行的宿主环境一般会提供一个全局的对象
alert(window);//[object Window]
alert(window==this);//true
5). 全局变量和全局函数:
l 全局对象的属性和方法, 可以直接引用
全局属性就是window的属性全局方法就是window的方法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript之面向对象(上)</title>
<script type="text/javascript">
/*
1.3. 函数也是对象
1). 函数是一种对象数据
只是它的内容为一段可执行的代码, 如何证明一个数据是不是对象呢?
1.是否可以通过.调用方法或属性? 对象可以
2.是否可以通过.来添加方法和属性? 对象可以
3.赋值给一个变量时, 变量保存的是数据本身还是保存的数据在内存中的地址值? 保存的地址值
*/
var a = 3;
//数值3是一个基本数据, a保存的是3这个数据本身, 不能使用a.的语法
a = function SystemOut(){alert("this is a function")};
//函数是一个对象数据, a保存的是函数对象的地址值, 可能通过.动态给函数添加属性
//向函数对象中添加属性和方法,因为函数对象也是对象
a.name = "li li";
a.getName = function (){return this.name};
//alert(a.name);
//alert(a.getName());
//赋值给一个引用变量,引用变量保存的是变量的地址,都指向这个函数对象
var b = a;
//alert(b.getName());//function
//alert(typeof a.getName);//function
//alert(a.getName instanceof Object);//true
//String ,Number Boolean都是object类型的对象
var s = new String("hello");
//alert(typeof s);
//对象还有对象
var obj = {
name : "arilife",
age : 26,
birthday : new Date(1984, 4, 5),
addr : {
street : "Huang Quan Road",
xno : "135", //属性
getStreet : function(){return this.street} //方法
}
};
//alert(obj.addr.street);//Huang Quan Road
//alert(obj.addr.getStreet());//Huang Quan Road
//创建对象的两种方法
//1.new构造函数创建(使用系统的)
var obj = new Object();
obj.name = "周大福";
obj.age = 21;
obj.getAge = function(){return this.age};
//alert(obj.name);
//2.new构造函数创建,使用自定义的构造函数创建
function Person( name, age)
{
this.name = name;
this.age = age;
}
var person = new Person("周大仙",10000);
//alert(person.name);
//相关概念
//JavaScript对象其实就是属性的集合,具有确定性,无序性和互异性
var o = {
p1: 3,
p2: function(){alert("this is function");},
p3: [1, "dog"],
p4: {t:"cat"},
p1: "teacher"
};
//alert(o);//teacher
//可以动态的添加和删除, 且其值可以指向任意类型的数据
o.name = "Terry";
delete o.p1;
//alert(o.name);//Terry
//alert(o.p1); //undefined
//函数对象也是对象,所以我还向它添加了一个属性
o.p2.head = "TCP";
//alert(o.p2.head);
//alert(window);//[object Window]
//alert(window==this);//true
//全局对象的属性/方法, 可以直接引用
Person("周小明", 12);
alert(this.name);
alert(name);
</script>
</head>
<body>
</body>
</html>