**理解javascript OOP/基于对象的编程,是判断程序员javascript水平的分水岭。而javascript 基于对象编程中,
最基本的是“创建对象”,往往让很多熟悉其他面向语言(Java、C#、C++)的程序员觉得似懂非懂或者难以适应。所以,
本文主要介绍,javascript 中的创建对象,访问对象的属性,访问对象的方法。**
1.在 JavaScript中,几乎所有的事物都是对象。
2.JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
3.提示:JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。
而对于传统编程来说,会在执行前对所有代码进行编译。
4.对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。
属性由逗号分隔
5.Undefined 和 Null Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量
6.在 JavaScript 中,对象是非常重要的,当你理解了对象,就可以了解 JavaScript 。你已经学习了 JavaScript
变量的赋值。以下代码为变量 car 设置值为 "Fiat" :var car = "Fiat"; 对象也是一个变量,但对象可以包含多个值
(多个变量)。 var car = {type:"Fiat", model:500, color:"white"}; 在以上实例中,3 个值 ("Fiat", 500, "white")
赋予变量 car。在以上实例中,3 个变量 (type, model, color) 赋予变量 car。JavaScript 对象是变量的容器。
7.定义 JavaScript 对象可以跨越多行,空格跟换行不是必须的:实例var person = {firstName:"John",lastName:"Doe",age:50,
eyeColor:"blue"};
8.可以说 "JavaScript 对象是变量的容器"。但是,我们通常认为 "JavaScript 对象是键值对的容器"。键值对通常写法为 name : value
(键与值以冒号分割)。
键值对在 JavaScript 对象通常称为 对象属性。
9.可以通过两种方式访问对象属性:person.lastName或者person["lastName"];
10.可以使用以下语法创建对象方法:methodName : function() { code lines }
可以使用以下语法访问对象方法:objectName.methodName()
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<style type="text/css">
</style>
</head>
<body>
<div id='time'></div>
</body>
<script type="text/javascript">
var obj1={};
obj1.name="使用var方法一";
var obj2={name:"使用var方法二"};
var obj3=new Object();
obj3.name="使用var方法三";
alert(obj1.name);
alert(obj2.name);
alert(obj3.name);
function Obj4(){};
var obj4=new Obj4();
obj4.name="使用function()方法一";
function Obj5(name){this.name=name;}
var obj5=new Obj5("使用function()方法二");
alert(obj4.name);
alert(obj5.name);
function Obj6(){};
Obj6.prototype.name="原型创建对象方法一";
var obj6=new Obj6();
function Obj7(name){this.name=name};
Obj7.prototype.say=function(){
alert(this.name);
}
var obj7=new Obj7("原型创建对象方法二");
function Obj8(name){
this.name=name;
if(typeof Obj8.say=="undefined"){
Obj8.prototype.say=function(){
alert(this.name);
}
Obj8.say=true;
}
}
var obj8 =new Obj8("原型创建对象方法三");
alert(obj6.name);
obj7.say();
obj8.say();
</script>
</html>