JavaScript对象
2023-09-14 08:58:30 时间
JavaScript对象
1、基于对象的操作方式(面向对象封装、继承、多态)
2、将相关的操作使用一个对象完成,看做是一个整体
我对JavaScript对象的理解:
我们首先是有语句,然后语句中需要有值,所以有了变量代表相同 有时候同样的语句多次执行,也就是同样的代码块多次执行,所以就有了方法。方法放在一块,太多了,容易搞混,并且方法同名,使用点不同等等问题和变量的与方法相似的问题使得我们希望能够好好整理存储这些字段,所以有了对象。
JavaScript有对象的概念但是没有类的概念
JavaScript Java
对象 类
对象实例 对象
一些系统封装好了的对象:
字符串对象
数学对象
数组对象
时间对象
...
对象中存的内容?
一、属性(变量)
二、方法(函数)
都是和这个对象相关的
一、声明对象
二、使用对象
三、使用系统对象(Date)
步骤:
1、找到对象
2、实例化对象
3、操作对象
读取对象属性:
对象名.属性名
对象名[属性名]
两种方式的区别:前者的属性名不可以是变量,后者可以是变量
<html> <head> </head> <body> </body> </html> <script> /* 对象是new出来的,那JavaScript中没有类这个概念,那么new什么呢?没错,就是方法! 下面是一种自定义对象的方法,我们发现它每自定义一个对象,就多了一个空方法,怎么改进呢? 我们在Java中对象的父类是Object,其实JavaScript中也有这个父类 既然对象是一个特殊的方法,我们给方法添加属性,为什么我们不可以在声明方法的时候就给他声明里面应该有的属性呢?所以我们有了第二种自定义变量的声明方式 我么在java中使用本类中的属性可以使用this关键字,没错,JavaScript中也有这个关键字。我们可以使用this改进刚才我们的创建对象方式 */ /*方法一: //function play(){ //} //var p=new play(); var p=new Object(); p.width=300; p.height=200; p.show=function(){ alert("show"); } p.show(); alert(p.width); */ /*方法二: function play(){ var p=new Object(); p.width=300; p.height=200; p.show=function(){ alert("show"); } return p; } var p=new play(); alert(p.width); p.show(); */ //第三种创建对象的方式: function play(){ //注意: // 在JavaScript中每一个属性都必须声明它的所属,否则外界无法访问到,它不是属于指定对象的属性 this.width=200; this.height=300; this.show=function(){ alert("show"); } return this; } /* var p=new play(); alert(p.width); p.show(); */ //创建了对象就忍不住想要遍历这个对象 //遍历对象使用的是特殊的for循环,for (var obj in 对象)。遍历出来的obj代表的是对象的每一个属性名 var p=new play(); var obj=""; /*for(obj in p){ //document.write(obj+'<br/>'); //想要得到属性名和属性值键值对的组合 //document.write(obj+":"+p.obj+'<br/>'); //使用对象.变量这样得到的值是undefined,所以只能使用对象名[属性名]的方式获取属性值 document.write(obj+':'+p[obj]+'<br/>'); }*/ /*调用对象方法的另一种方式,with语句: with(obj){ //方法 //其他语句 } 在with结构体中使用的方法或者变量如果不加上对象名.作为声明,默认使用的都是参数对象的属性 */ with(p){ alert(width); show(); } </script> <script> var date=new Date(); var str="今天是:" str+=(1990+date.getYear())+"年"; str+=(date.getMonth()+1)+"月"; str+=date.getDate()+"日"; str+=date.getHours()+":"; str+=date.getMinutes()+":"; str+=date.getSeconds()+"星期"; switch(date.getUTCDay()){ 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> <html> <head> </head> <body> </body> </html>
相关文章
- 【说站】javascript首字母大写转换的方法
- 3种JavaScript 对象转数组的方法
- JavaScript 第五天
- 网站中引入了多个版本的 JavaScript 库防止对象冲突的方法 - 在线客服系统源码
- 添加到收藏夹的Javascript脚本forie,firefox
- javascript实现操作cookie实现的可记忆菜单
- javascript一段创建层的代码
- JavaScript中的Location地址对象
- 判断JavaScript对象是否可用的最正确方法分析
- Javascript日期对象的dateAdd与dateDiff方法
- JavaScript入门教程(7)History历史对象
- JavaScript中级笔记第五章面向对象的基础
- 用javascript实现jquery的document.ready功能的实现代码
- AppBaseJs类库网上常用的javascript函数及其他js类库写的
- JavaScript使用过程中需要注意的地方和一些基本语法
- Javascript类库的顶层对象名用户体验分析
- JavaScript对象之间的转换jQuery对象和原声DOM
- JavaScript中json对象和string对象之间相互转化
- 简略说明Javascript中的==(等于)与===(全等于)区别
- javascript跟随滚动效果插件代码(javascriptFollowPlugin)
- Javascript执行效率全面总结
- Javascript修改String对象增加去除空格功能(示例代码)
- 浅析JavaScript中两种类型的全局对象/函数
- JavaScript实现鼠标拖动元素实例代码
- Javascript中arguments对象详解
- javascript实现时间格式输出FormatDate函数
- 7个让JavaScript变得更好的注意事项
- javascript中AJAX用法实例分析
- JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
- javascript使用数组的push方法完成快速排序