zoukankan      html  css  js  c++  java
  • js上 十四、对象

    十四、对象

    #1.初识对象

    什么是对象?

    在js中,一切皆是对象。

    对象,生活中可见和不可见的东西,在世界中,客观存在的都是一个对象。

    桌子,笔记本,手机,人。

    在日常生活中,我们是如何来描述这个对象的呢?

    描述手机

    规格参数,静态的特征:如CPU,内存,摄像头,屏幕

    提供的功能,动态的行为,打电话、发短信、上网、拍照

    描述张三

    静态的特征,姓名,性别,年龄,籍贯,学历

    动态的行为,编写代码,打篮球,唱歌,跳舞

    在描述一个对象的时候,通常是从两个方面来描述的:

    ü 静态的特征:

    ü 动态的行为:

    把静态的特征和动态的行为组合在一起,就形成了一个完整的对象。

    在js中,静态的特征和动态的行为通通称之为对象的属性。

    如果是静态的特征,就是普通的属性,以变量的形式来出现。

    如果是动态行为,就是以函数的形式来出现。

    对象:一系列属性的无序集合

    基本的对象,

    img

    #2.object

    #创建object有两种方式:

    ü 直接量(字面量)

    ü new关键字

    #a.字面量方式

    img

    说明:

    ​ 初始化两个属性:

    a):每个属性称为一个键值对(值对/名对)

    b)属性名 与 属性值之间用冒号分割;

    c)属性与属性之间用逗号分隔

    d)最后一个属性可以省略逗号,但是不建议;

    #b.new关键字方式创建对象

    img

    #c.在调用对象的属性和方法的时候,使用的点

    img

    img

    **格式如下: ** 对象.属性 或 **对象.方法() ** ;

    此时,我们就可以来理解一下 console.log内容了:

    console是一个对象,表示的开发者工具的控制台对象,该对象有多个方法,其中有一个方法叫做log,它的作用是向控制台输出log信息。

    #d.添加属性

    img

    img

    Object是所有其他对象的祖先。

    其他对象的创建方式和object有类似之处,它们都有两种创建的方式。

    关于object,它有一些已经定义好的方法。

    可以查阅手册:

    #3.date对象

    Date对象是js内置对象。

    作用:提供关于日期时间的相关的操作。

    实例化格式:

    img

    初始化时间对象

    img

    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对象

    内置对象。

    功能:提供数学相关的一些运算。

    有哪些属性和方法,查阅手册即可。

    img

    ü floor:地板

    ü ceil:天花板

    ü round:周围

    有一个非常重要的数学函数,random()

    随机一个小数,范围在**[0,1)**,包括0,但不包括1。

    img

    随机一个[n,m)之间的整数。

    **公式: ** Math.floor(Math.random()*(m-n+1)+n)

    说明:m表示区间的最大值,n表示区间的最小值;

    img

    获取数组或字符串的随机下标

    公式:Math.floor(Math.random()*arr.length);

    说明:arr.length表示数组或字符串的长度

    img

    #小结:

    1. 创建一个自定义对象 var obj = {}

    2. 初始化四件对象 new Date()

    3. 获取时间对象的方法:注意:getMonth() 返回0-11 , getDay() 返回0-6

    4. 获取0-1的随机值 Math.random();

  • 相关阅读:
    Vue--运行项目发送http://localhost:8080/sockjs-node/info请求报错,造成浏览器不能热更新
    Vue笔记--同局域网下访问本地项目
    Vue笔记--通过自定义指令实现按钮操作权限
    css/css3实现未知宽高元素的垂直居中和水平居中
    【转载】Vue路由history模式踩坑记录:nginx配置解决404问题
    给动态生成的input框,添加readonly属性
    layui-form下隐藏元素的验证问题
    layui的省市县三级联动
    webstorm-激活码
    采坑
  • 原文地址:https://www.cnblogs.com/yzy521/p/14132706.html
Copyright © 2011-2022 走看看