您的位置：首页 > Web前端 > JavaScript

JavaScript对象的使用

2015-08-02 19:40 549 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航