javascript对象分类(原生对象,内置对象)_js 对象分类-程序员宅基地

技术标签: servlet  前端  javascript  

<!-- javascript对象分类

javascript的对象大致可以分为以下几种:

--原生对象:又名本地对象、native object.独立于宿主环境的ECMAScript实现提供的对象。与宿主无关,在

javascript(远景浏览器)、nodejs (node平台) 、jscript(ie浏览器)、typescript(微软平台)等等中均有

这些对象。简单来说,本地对象就是ECMA-262定义的类(引用类型)。在运行过程中动态创建的对象,需要new去

进行实例化对象.

javascript 7种基本数据类型,number(数值型),string(字符串型), boolean(布尔值类型),null(空值类型)

,undefiend(未定义类型) function(函数类型) object(对象类型)

例如:Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、EvalError、RangeError、

ReferenceError、SyntaxError、TypeError、URIError、Global

--内置对象:由ECMAScript实现提供的、独立于宿主环境的所有对象,在ECMAScript 程序开始执行时出现,即

在引擎初始化阶段就被创建好的对象。这意味着开发者不必明确实例化内置对象,它已被实例化了

例如:Global(全局对象)、Math

内置对象是本地对象的一种.

--宿主对象:即由ECMAScript实现的宿主环境提供的对象,包含两大类,一个是宿主提供,一个是自定义类对

象,ECMAScript官方未定义的对象都属于宿主对象,所有非本地对象都是宿主对象。宿主提供对象原理--由宿主

框架通过某种机制注册到ECMAScript引擎中的对象,如宿主浏览器(以远景为参考)会向ECMAScript注入

window对象,构建其实现javascript。

也可以理解为:浏览器提供的对象。所有的BOM和DOM都是宿主对象。

--自定义对象 -->

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <div id="box"></div>

</body>

<!-- math对象方法

<script>

    // Math.PI 返回圆周率(约等于3.14159

    console.log(Math.PI.toFixed(2));

    // Math.E 返回算术常量 e,即自然对数的底数(约等于2.718)

    console.log(Math.E);

    // Math.ceil 返回的是比参数大或等于的一个整数(向上取整)

    console.log(Math.ceil(3.12));// 4

    console.log(Math.ceil(-3.12));// -3

    // Math.floor 返回值比参数小或等于的一个整数(向下取整)

    console.log(Math.floor(3.0));//3

    console.log(Math.floor(3.12));//3

    console.log(Math.floor(-3.12));//-4

    console.log(Math.floor(-3.99));//-4

    //Math.round 四舍五入取整

    console.log(Math.round(5.987));//6

    console.log(Math.round(-5.987));//-6

    console.log(Math.round(5.487));//5

    //Math.max 最大值

    console.log(Math.max(4, 8, 10, 7));

    //Math.min 最小值

    console.log(Math.min(4, 8, 10, 7));

    //Math.pow(x,y) 返回 x 的 y 次幂。

    console.log(Math.pow(2, 3));//8

    console.log(Math.pow(2, 10));//1024

    console.log(2 ** 3);//8  (es6中提供)

    //Math.random()*10 返回 0 ~ 10 之间的随机数

    console.log(Math.random() * 10);

    //应用 :1 到 10 之间的一个随机数

    console.log(Math.floor(Math.random() * 10) + 1)

    console.log(Math.ceil(Math.random() * 10))

    //应用 :[0,255]

    Math.round(Math.random() * 255);

    //随机颜色运用

    function colo() {

        return Math.round(Math.random() * 255);//[0,255]

    }

    var r = colo();

    var g = colo();

    var b = colo();

    var oDiv = document.getElementById('box');

    //oDiv.innerHTML = "<div style='width:100px;height:100px;background-color:rgb(" + r + "," + g + "," + b + ");'></div>"

    oDiv.innerHTML = `<div style="width:100px;height:100px;background-color:rgb(${r},${g},${b});"></div>`

    //注意:${} es6新增,这行代码是用返单号引起来的(键盘tab上面的按键)

    //${}更多: https://blog.csdn.net/qq_34246965/article/details/108085291

</script>-->

<!-- 日期对象-->

<script>

    var mydate = new Date();

    console.log(mydate);//包含日期里所有内容

    //日期转换为本地时间

    console.log(mydate.toLocaleString());//年月日 时分秒

    console.log(mydate.toLocaleDateString()); //年月日

    console.log(mydate.toLocaleTimeString()); //时分秒

    console.log(mydate.getFullYear());//年份

    console.log(mydate.getMonth() + 1);//月份 1-12[0-11]

    console.log(mydate.getDate());//日期

    console.log(mydate.getDay())//星期 [0 ,6] 星期日--0

    console.log(mydate.getHours())//小时

    console.log(mydate.getMinutes())//分钟

    console.log(mydate.getSeconds())//秒

    console.log(mydate.getMilliseconds())//毫秒 1s=1000ms

    console.log(mydate.getTime());//距离1970.1.1毫秒数

    console.log(Date.now());// 时间戳(距离1970.1.1毫秒数)

    //设置日期应用(2022 - 7 - 31 10: 00: 00到今天之间毫秒数)

    //方案一

    var mydate = new Date();//当前时间

    var mydate2 = new Date("2022/7/31 10:00:00");

    console.log(mydate2 - mydate); //2022 - 7 - 31 10: 00: 00到今天之间毫秒数

    // 方案二

    var mydate = new Date();//当前时间

    var t1 = mydate.getTime();//当前时间距离1970.1.1毫秒数

    var mydate2 = new Date("2022/7/31 10:00:00");

    var t2 = mydate2.getTime();//2022-7-31 10:00:00 到1970.1.1 之间毫秒数

    console.log(t2 - t1);//2022 - 7 - 31 10: 00: 00到今天之间毫秒数

</script>

</html>

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/m0_51024444/article/details/126021763

智能推荐

python绘制三维网格图_使用python绘制三维圆柱网格模型图——voxels函数的使用-程序员宅基地

文章浏览阅读1k次。最近接到老师的新任务——画一个XXX的三维模型图,和师兄交流后大概知道了要做什么,在师兄的建议下成功入了python的坑。然而网上查了很长时间才在matplotlib的example中找到了这种画圆柱网格的模型图的实例。实例import matplotlib.pyplot as pltimport matplotlib.colorsimport numpy as npfrom mpl_toolki..._ax.voxels

Semaphore的注意点_semphore 报错interrupter null-程序员宅基地

文章浏览阅读349次。seamphore大家玩的都比较多,使用起来也很简单,获取令牌和释放,但是其中坑却不少,而且会让人很难发现,希望能通俗易懂的小例子讲明白其中的几个道理。一、线程都被阻塞了?public class demo2 { static Semaphore semaphore = new Semaphore(1); public static void method1() { try { System.out.println(Thread.curr.._semphore 报错interrupter null

第9关:表单元素——文本域_第9关:表单元素——文本域-程序员宅基地

文章浏览阅读291次。表单元素——文本域_第9关:表单元素——文本域

上海人社APP历年社保查询攻略-程序员宅基地

文章浏览阅读2.7k次。随时随地查社保,太方便了,快来收藏起来!!!1、苹果商店或安卓商店下载【上海人社app】2、账号登录,账号:身份证号码 密码:去社保中心开通3、首页,点击CA证书管理4、点击【CA证书申..._上海人社app怎么查社保缴费记录

详解Xcode 7的视图调试_xcode视图-程序员宅基地

文章浏览阅读2.1k次。http://www.cocoachina.com/ios/20150423/11658.html本文由远的风景翻译自raywenderlich,作者:Scott Berrevoets原文:View Debugging in Xcode 6开发者会经常遇到视图或者Auto Layout约束中存在bug的情况,并且这种bug很难通过代码发现,所以开发者很有必要熟知如何进行_xcode视图

vue+h5做的App使用api进行文件的下载自动安装打开_h5+vue实现apk下载并自动打开-程序员宅基地

文章浏览阅读5.1k次。 本人第一次写博客,菜鸟一只,也不大会用语言表述,写博客只是单纯记录下自己遇到的问题,并且记录下来以便日后使用的时候可以有个思路。如果能够帮助到别人就更好了。 现在公司的项目需要用vue做一个安卓app,需要实现app的自动更新功能。我的设计方案就是打开App先提交请求到后台,需要更新会返回下载地址。创建下载的代码: // 下载最新版本 JX_do..._h5+vue实现apk下载并自动打开

随便推点

如何在 Windows10 下运行 Tensorflow 的目标检测?_win10 tensorflow-程序员宅基地

文章浏览阅读1.1k次。看过很多博主通过 Object Detection 实现了一些皮卡丘捕捉,二维码检测等诸多特定项的目标检测。而我跟着他们的案例来运行的时候,不是 Tensorflow 版本冲突,就是缺少什么包,还有是运行官方 object_detection_tutorial 不展示图片等等问题。在看过一个国外博主例子,我也通过 Tensorflow-GPU1.10.0 运行了官方例子,既然要使用 GPU 则需要把 CUDA 先配置好,上一篇文章有特别详细介绍到。而这里就捋一下在运行过程遇到的种种问题。_win10 tensorflow

Vue3.0(四):Composition API的使用_vue3 composition-程序员宅基地

文章浏览阅读2.3k次,点赞53次,收藏43次。定义普通函数setup(){//可以直接使用,但不是响应式return{message定义响应式数据(reactive定义复杂数据:对象/数组等,不能传入普通类型的,比如字符串等在option api中data中定义的数据实际上就是交给了reactive函数setup(){//此时就是响应式了a:100,b:200})//对obj进行修改return{obj定义响应式数据(ref):返回的是ref对象,需要使用.value进行获取值定义简单类型的响应式数据。_vue3 composition

【Linux】 通过 Xmanager 连接到Linux 虚拟机上_xmanager 百度网盘-程序员宅基地

文章浏览阅读1.3k次。一 获取xmanager我们可以在官网上下载最新版本的 xmanager 官网地址我这里也提供了一款比较老版本的 xmanager 自用感觉很不错百度网盘链接提取码 v8m7 自行解压里面已有机器码二 创建会话创建基本连接属性1 点击黄色 + 号 打开会话窗口2 点击新建按钮 打开新建会话属性3 输入名称 (这个名称最好与你的机器host域名匹配)4 输入主机IP地址5 点击确定按钮完成设置第四步的IP地址如何查看进入自己的 vmware 虚..._xmanager 百度网盘

上百例大数据可视化三维GIS可视化数据产品,非常漂亮的设计,大数据可视化,三维GIS可视化,这才是大前端,产品、设计、GIS、开发、架构都需要好好看看_大数据推送给三维前端-程序员宅基地

文章浏览阅读1.6w次,点赞6次,收藏15次。上百例大数据可视化三维GIS可视化数据产品,非常漂亮的设计,大数据可视化,三维GIS可视化,这才是大前端欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入随着互联网的发展,各项技术的不断成熟,数_大数据推送给三维前端

python循环语句打印矩形_Python 循环语句之 while,for语句详解-程序员宅基地

文章浏览阅读1k次。下面为大家分享一篇Python 循环语句之 while,for语句详解,具有很好的参考价值,希望对大家有所帮助。一起过来看看吧Python中有两种循环,分别为:for循环和while循环。 for循环可以遍历任何序列的项目,如一个列表或者一个字符串。while 语句用于循环执行程序,即在某条件下,循环执行某段程序,以处理需要重复处理的相同任务。循环语句(有两种):while 语句for 语句w..._用for while循环嵌套输出长方形

c#串口编程(傻瓜教程,手把手教你学会)_c# 串口编程-程序员宅基地

文章浏览阅读5.4w次,点赞249次,收藏1.1k次。在单片机项目开发中,上位机也是一个很重要的部分,主要用于数据显示(波形、温度等)、用户控制(LED,继电器等),下位机(单片机)与 上位机之间要进行数据通信的两种方式都是基于串口的:USB转串口 —— 上位机和下位机通过USB转串口连接线直接相连进行数据交互; 串口转WIFI(ESP8266) —— 上位机和下位机基于TCP/IP协议通过WIFI传输数据; 串口转蓝牙(HC-06)—— 不多用,暂不介绍;上位机软软件开发主要包括以下两种:  1、Windows上位机(EXE可执行程序)._c# 串口编程