js上 十四、对象
十四、对象
#1.初识对象
什么是对象?
在js中,一切皆是对象。
对象,生活中可见和不可见的东西,在世界中,客观存在的都是一个对象。
桌子,笔记本,手机,人。
在日常生活中,我们是如何来描述这个对象的呢?
描述手机
规格参数,静态的特征:如CPU,内存,摄像头,屏幕
提供的功能,动态的行为,打电话、发短信、上网、拍照
描述张三
静态的特征,姓名,性别,年龄,籍贯,学历
动态的行为,编写代码,打篮球,唱歌,跳舞
在描述一个对象的时候,通常是从两个方面来描述的:
ü 静态的特征:
ü 动态的行为:
把静态的特征和动态的行为组合在一起,就形成了一个完整的对象。
在js中,静态的特征和动态的行为通通称之为对象的属性。
如果是静态的特征,就是普通的属性,以变量的形式来出现。
如果是动态行为,就是以函数的形式来出现。
即
对象:一系列属性的无序集合
基本的对象,
#2.object
#创建object有两种方式:
ü 直接量(字面量)
ü new关键字
#a.字面量方式
说明:
初始化两个属性:
a):每个属性称为一个键值对(值对/名对)
b)属性名 与 属性值之间用冒号分割;
c)属性与属性之间用逗号分隔
d)最后一个属性可以省略逗号,但是不建议;
#b.new关键字方式创建对象
#c.在调用对象的属性和方法的时候,使用的点
**格式如下: ** 对象.属性 或 **对象.方法() ** ;
此时,我们就可以来理解一下 console.log内容了:
console是一个对象,表示的开发者工具的控制台对象,该对象有多个方法,其中有一个方法叫做log,它的作用是向控制台输出log信息。
#d.添加属性
Object是所有其他对象的祖先。
其他对象的创建方式和object有类似之处,它们都有两种创建的方式。
关于object,它有一些已经定义好的方法。
可以查阅手册:
#3.date对象
Date对象是js内置对象。
作用:提供关于日期时间的相关的操作。
实例化格式:
初始化时间对象
Date对象提供了哪些属性和方法呢?
获取: | |
---|---|
1、时间对象.getFullYear():返回4位数的年份 | |
2、时间对象.getMonth():返回日期中的月份,返回值为0-11 | |
实际月份:1 2 3 ....12 | |
getMonth: 0 1 2 .....11 | |
3、时间对象.getDate():返回月份中的天数,返回值为1-31 | |
4、时间对象.getDay();返回星期:返回0-6 0---星期日 1---星期一 | |
5、时间对象.getHours():返回小时,返回的是0-23 | |
6、时间对象.getMinutes():返回分 | |
7、时间对象.getSeconds():返回秒 | |
8、时间对象.getTime():返回表示日期的毫秒数 //1970年1月1日8:0:0到当时间的毫秒数 |
作业:
1、 在页面上,输出当前日期时间。 如“今天是XX年XX月XX日,星期X, XX:XX:XX”
分析:1)获取当前时间,2)将当前时间的年月日时分秒分别获取到,3)拼接打印
设置: | |
---|---|
1、时间对象.setFullYear(year):设置4位数的年份 | |
2、时间对象.setMonth(mon):设置日期中的月份,从0开始,0表示1月 | |
3、时间对象.setDate(日期):设置日期 | |
5、时间对象.setHours():设置小时 | |
6、时间对象.setMinutes():设置分 | |
7、时间对象.setSeconds():设置秒 | |
8、时间对象.setTime(567890009876789):以毫秒数设置日期,会改变整个日期 |
#4.Math对象
内置对象。
功能:提供数学相关的一些运算。
有哪些属性和方法,查阅手册即可。
ü floor:地板
ü ceil:天花板
ü round:周围
有一个非常重要的数学函数,random()
随机一个小数,范围在**[0,1)**,包括0,但不包括1。
随机一个[n,m)之间的整数。
**公式: ** Math.floor(Math.random()*(m-n+1)+n)
说明:m表示区间的最大值,n表示区间的最小值;
获取数组或字符串的随机下标
公式:Math.floor(Math.random()*arr.length);
说明:arr.length表示数组或字符串的长度
#小结:
\1. 创建一个自定义对象 var obj = {}
\2. 初始化四件对象 new Date()
\3. 获取时间对象的方法:注意:getMonth() 返回0-11 , getDay() 返回0-6
\4. 获取0-1的随机值 Math.random();
js上 十四、对象的更多相关文章
- js上 十九、综合案例
十九.综合案例 题目一: 封装一个函数equal(a1,a2),传入两个一维数组,判断两个数组是否包含相同的元素,如果相等,函数的返回值为true, 不相等,函数的返回值为false 1)例:arr1 ...
- js上 十五、数组-1
十五.数组-1 #1.什么是数组 组:由多个成员构成的一个集体. 数组:数组是值的有序集合 值就是前面所讲过的这些数据(各种数据类型的都可以) 是数组中,每一个值(如100,'js',true)都称之 ...
- JS学习十四天----server端运行JS代码
server端运行JS代码 话说,当今不在client使用JS代码才是稀罕事.因为web应用的体验越来越丰富,client用JS实现的逻辑也越来越多,这造成的结果就是某些差点儿一致的逻辑须要在clie ...
- js上 十六、数组-2
十六.数组-2 #4.3万能法:splice(): #4.3.1.删除功能 语法:arr.splice(index,num); //num表示删除的长度 功能:从下标index位置开始,删除n ...
- js之oop <四>对象管理
对象扩展管理 Object.isExtensible() 检测对象是否可扩展(一般返回true).Object.preventExtensions() 防止对象扩展. var p = {p1:&quo ...
- js上 十八、字符串
十八.字符串 #18.1.认识字符串 #什么是字符串 字符串可以是引号中的任意文本.字符串可以由双引号(")或单引号(')表示 ,如 'hello' , "中国" #为什 ...
- js上 十二、函数初步-1
11-1.引入(认识函数) 引入: 说起函数,其实我们并不陌生,在初中数学中我们就接触过函数:例如我们所学的 y = 2X+1 ; 这是一个二元一次方程,也是我们数字中的函数: 当我们每次输入 ...
- js上 十、循环语句-1:
十.循环语句-1: 非常之重要. 作用:重复执行一段代码 ü while ü do...while ü for 它们的相同之处,都能够实现循环. 不同的地方,格式不一样,使用的场景略有不同. #10- ...
- 设计模式 ( 十四 ) 迭代器模式Iterator(对象行为型)
设计模式 ( 十四 ) 迭代器模式Iterator(对象行为型) 1.概述 类中的面向对象编程封装应用逻辑.类,就是实例化的对象,每个单独的对象都有一个特定的身份和状态.单独的对象是一种组织代码的 ...
随机推荐
- Hadoop大数据平台之Zookeeper搭建
环境:CentOS 7.4 (1708 DVD) 工具:MobaXterm 1. 使用xftp将hadoop上传到/usr/local目录下,将其解压并重命名. 2. 修改环境变量并source. ...
- 怎么用在线思维导图Ayoa规划个人任务
在Ayoa的任务板功能中可以对某一任务进行详细设置,例如改变紧急情况/重要程度.添加到我的计划工具.设置开始日期.截止日期等. 图1:任务详情设置 而这里的"我的计划工具"就是一个 ...
- 吉他弹唱上手——使用节奏变化弹好chord谱
本篇文章将向大家介绍如何改造来自网上的chord谱. 在各位日常的弹唱之中,应该会常常遇到朋友点歌的情况,如果点唱的这首歌我们听过,那我们尚可以靠以往的记忆来应付.如果这首歌我们只是曾经听到过听过,而 ...
- Vegas转场功能的妙用,让片头转场更酷炫
如今视频剪辑已经是一件非常平常的事情了,很多时候我们制作一段或者剪辑一段视频,其实都比较简单,但是如果想要视频显得高级些,这时候就可以给自己的视频制作一个好看的片头了,具体该怎么做呢? 用视频剪辑软件 ...
- jQuery 第十章 ajax 什么是回调地狱 优化回调地狱
回调地狱 什么是回调地狱,回调函数,一个嵌套着一个,到最后,缩略图成了 一个三角形, 造成了可阅读性差,可阅读性差就代表代码的可维护性 和 可迭代性差,最后还有一个就是可扩展性差. 也不符合设计模式的 ...
- CSP-SJX2019 解题报告
T1 日期 日高于 \(31\) 或等于 \(00\) 的要修改 \(1\) 次. 月高于 \(12\) 或等于 \(00\) 的要修改 \(1\) 次. 月等于 \(02\) 且日大于 \(28\) ...
- T147403 「TOC Round 4」吃,都可以吃
若不考虑 \(m\) 的限制,打表可以发现: 当 \(p=2^n\left(n>1\right)\) 时,最大的 \(f_i\) 是 \(5\),有十个 \(i\) 的 \(f_i\) 是 \( ...
- Java基础教程——反射机制
Java反射机制 Java反射机制是Java语言的一个重要特性,使得Java语言具备"动态性": 在运行时获取任意一个对象所属的类的相关信息; 在运行时构造任意一个类的对象: 在运 ...
- 如何解析 redis 的 rdb 文件
目录 安装工具 解析 redis 的 rdb 文件 命令行工具使用,先看 --help 生成内存报告 使用参数过滤想要的数据 比较两个 rdb 文件 查看一个 key 的内存使用情况 常见问题 FAQ ...
- 2020年的UWP(4)——UWP和等待Request的Desktop Extension
上一篇我们讨论了UWP和Desktop Extension交互中,Desktop Extension执行后立即退出的场景.下图是提到的四种场景分类: 执行后立即退出 等待request,处理完后退出 ...