【web前端基础 | JS基础】内置对象

1 - 内置对象

1.1 内置对象

​ JavaScript 中的对象分为3种:

  1. 自定义对象
  2. 内置对象
    前面两种对象是JS基础内容,属于 ECMAScript;
  3. 浏览器对象
    浏览器对象属于 JS 独有的

JS API 讲解内置对象就是指 JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能属性和方法),内置对象最大的优点就是帮助我们快速开发

​ JavaScript 提供了多个内置对象:Math、 Date 、Array、String等

1.2 查文档

查找文档:学习一个内置对象的使用,只要学会其常用成员的使用即可,我们可以通过查文档学习,可以通过MDN/W3C来查询。
Mozilla开发者网络(MDN)提供了有关开放网络技术(Open Web)的信息,包括 HTML、CSS 和万维网及 HTML5 应用的 API。

MDN Web


1
2

1.3 Math对象

Math 对象不是构造函数,不需要用new调用。它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用 Math 中的成员。

属性、方法名 功能
Math.PI 圆周率
Math.floor() 向下取整
Math.ceil() 向上取整
Math.round() 四舍五入版 就近取整 注意 -3.5 结果是 -3
Math.abs() 绝对值
Math.max()/Math.min() 求最大和最小值
Math.random() 获取范围在[0,1)内的随机值 ,返回浮点数

​ 注意:上面的方法使用时必须带括号,然后不懂的可以继续查文档,使用方法异常详细

<script>
    console.log(Math.max(1, 2, 3, 4, 5, 35, 42, 34, 24)); //42
    console.log(Math.min(53452, 1, 34, 53, 45, 435, 251)); //1
    console.log(Math.PI); //3.141592653589793
    console.log(Math.floor(2.9)); //2
    console.log(Math.ceil(2.1)); //3
    console.log(Math.round(-1.1)); //-1
</script>

获取指定范围内的随机整数

function getRandom(min, max) {
    
    
  return Math.floor(Math.random() * (max - min + 1)) + min; 
}

1.4 日期对象

Date是一个构造函数,所以使用时需要实例化后才能使用其中具体方法和属性。
Date 实例用来处理日期和时间

  • 使用Date实例化日期对象

    • 获取当前时间必须实例化:
    var now = new Date();
    
    • 获取指定时间的日期对象
    var future = new Date('2019/5/1');
    

    注意:

○ 没有传入参数,则得到的日期对象是当前时间对应的日期对象

○ 可以传入参数

1:可以传入一个字符串

3
2:可以传入若干的数字,月份从0开始

4

  • 使用Date实例的方法和属性
获取 方法 var date = new Date();
获取年份 var year = date.getFullYear();
获取月份 var month = date.getMonth() + 1;
获取日期 var day = date.getDate();
获取星期 var week = date.getDay();
获取时 var hour = date.getHours();
获取分 var minute = date.getMinutes();
获取秒 var second = date.getSeconds();
  • 通过Date实例获取总毫米数

    • 总毫秒数的含义

      ​ 基于1970年1月1日(世界标准时间)起的毫秒数

    • 获取总毫秒数

      // 实例化Date对象
      var now = new Date();
      // 1. 用于获取对象的原始值
      console.log(date.valueOf())	
      console.log(date.getTime())	
      // 2. 简单写可以这么做
      var now = + new Date();			
      // 3. HTML5中提供的方法,有兼容性问题
      var now = Date.now();
      

❤ 时间差

猜你喜欢

转载自blog.csdn.net/qq_43490212/article/details/111483921
今日推荐