JavaScript第三讲：对象的声明与操作

本节主要讲解JavaScript的基本对象的操作方式以及相关操作，包括面向对象封装，继承，多态，属性、方法等。

 

javascript对象

1.基本对象的操作方式（面向对象封装，继承，多态）

 

2.将相关的操作使用一个对象来完成，看做是一个整体。

javascript    php

javascript	php
对象	类
对象实例	对象

系统对象：字符串对象；数学对象；数组；时间对象

 

对象中存放的内容？

一、属性（变量）

二、方法（函数）

都是和这个对象相关的

 

一、声明对象

二、使用对象

三、使用系统对象

使用方法：对象实例.属性（取值，赋值）

对象实例.方法（）

对象实例["属性名"]

 

例1

<script>

var dt=new Date();//实例化时间对象，分配空间

var str="今年是"；

str+=dt.getYear()+"年"；

str+=(dt.getMonth()+1)+"月";

str+=dt.getDate()+"日"；

str+=dt.getHours()+":";

str+=dt.getMinutes()+":";

str+=dt.getSeconds()+"星期"；

 

switch(dt.getDay()){

case 0:

     str+="日"；

    break；

case 1:

     str+="一"；

   break；

case 2：

     str+="二"；

    break;

case 3:

     str+="三"；

    break;

case 4:

    str+="四"；

   break;

case 5:

   str+="五"；

 break；

case 6：

  str+="六"；

 break；

}

document.write(str);

</script>

 

2.自定义对象

方法一

<script>

  function Play(){

  }

  var p=new Play();

//属性

p.width=300;

p.height=200;

p.num=4;

p.autotime=3;

//方法

p.autoplay=function(){

}

p.test=function(){

}

</script>

方法二

<script>

function Play(){

var p=new Object();

//属性

p.width=300;

p.height=200;

p.num=4;

p.autotime=3;

//方法

p.autoplay=function(){

   alert("play.....");

   alert(this.num);//this的用法

}

p.test=function(){

}

 return p;

}

var p=Play();

p.demo="hello";   //定义完了 但是后期也可以添加

alert(p.width);

p.autoplay();

</script>

方法三

<script>

function Play(width,height,num){

 this.width=width;

 this.height=height;

 this.num=num; 

this.autoplay=function(){

alert("#######");

}

this.test=function(){}

}

var p=new Play(300,200,8);

alert(p.width);

//遍历对象方法1

var pro="";//遍历对象

for(pro in p){

 alert(pro);

}

//遍历对象方法2

var pro="";

for (pro in p){

alert(p[pro]);

document.write("p."+pro+"="+p[pro]+""<br>");

}

//结果是属性名和属性名对应的属性值

</script>

小知识

for (变量 in 对象){

}

new： 当new的时候系统就会给开辟一个小的空间

遍历对象：for(var pro in p)//p是对象

with（对象）{

所有方法如果不加对象都是括号对象的方法

}

例1：

document.write("<table>");

document.write("<tr>");

document.write("</tr>");

doucment.write("</table>")

width(document){

  write('<table>');

  write('</table>');

}

 

例2.

<script>

var dt=new Date();//实例化时间对象，分配空间

with(dt){

var str="今年是"；

str+=getYear()+"年"；

str+=(getMonth()+1)+"月";

str+=getDate()+"日"；

str+=getHours()+":";

str+=getMinutes()+":";

str+=getSeconds()+"星期"；

 

switch(getDay()){

case 0:

     str+="日"；

    break；

case 1:

     str+="一"；

   break；

case 2：

     str+="二"；

    break;

case 3:

     str+="三"；

    break;

case 4:

    str+="四"；

   break;

case 5:

   str+="五"；

 break；

case 6：

  str+="六"；

 break；

  }

}

document.write(str);

</script>