js数据类型的划分

小王不烦恼

已于 2022-04-22 18:52:37 修改

阅读量1.4k

点赞数

文章标签： javascript

于 2022-03-23 18:02:14 首次发布

本文链接：https://blog.csdn.net/wxh2860906464/article/details/123689329

版权

文章目录

一、浏览器内核
二、JAVASCRIPT历史
三、js的构成
- - 1、什么是JavaScript：
  - 2、js的引入方式
四、JavaScript命名规范
五、数据类型
- js数据类型的划分

一、浏览器内核

通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同。
● blink（webikt 内核的升级）（Google Chrome/ Safari /Opera/ 大部分的国产和手机浏览器）
● Gecko（[ˈɡekəʊ]）内核（Firefox 火狐）
● Presto （[ˈprestəʊ]）欧朋
● Trident （ie浏览器）

二、JAVASCRIPT历史

● JavaScript诞生于1995年
● 设计的主要目的是处理以前由服务器端语言负责的一些输入验证操作

历史背景：

第一次互联网大战就发生在网景和IE之间，也就是微软。网景是最早做浏览器的一个平台，平台叫netspace navigator 1,微软做的第一款叫IE1.0。

1995年，网景发布了浏览器netspace navigator 2，在1的版本嵌入了一个脚本语言，并且是可编程的脚本语言，还是免费的。取名LiveScript，目的是为了处理验证由服务器端语言负责的一些输入验证操作。

由于java非常火，得到sun公司（java属于sun）的授权改名JavaScript。

由于JavaScript大受欢迎，网景公司在发布浏览器3版本的时候，顺便发布了JavaScript1.1版本。

此时微软这个大厂商，想把浏览器直接植入到电脑里，安装就与这个浏览器，并且浏览器里也有这个语言，微软推出JScript。由于这个历史遗留原因，接下来学习就有很多兼容性问题。

在1997年，有一个“欧洲计算机制造商协会”，（简称 ECMA），拿了JavaScript1.1版本制定了规范并且发布，ECMA-262。也叫ECMAScript，作为各自使用的标准

三、js的构成

● ECMAScript：语言的核心（语法）
● DOM（文档对象模型）：Document Object Model，提供了一系列的应用程序接口（api），供我们开发者对DOM的添加删除修改等（说白了就是操作标签的）
● BOM（浏览器对象模型）：Browser Object Model，客户端和浏览器端窗口操作的基础（操作浏览器窗口的），可以使用BOM对浏览器窗口进行访问和操作，比如移动窗口位置、返回历史记录等等，但是BOM没有一个成型的规范，但是所有的浏览器都支持。

1、什么是JavaScript：

JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

2、js的引入方式

内嵌
外链
导入

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 当页面中所有的资源都加载完毕之后再加载
      	//第三种
        window.onload=function(){
            var box=document.getElementById("box");
            console.log(box);
        } 
        
    </script>
</head>
<body>
    <div id="box">box</div>
    //行内式：通过事件引入（有限制性）
    <div onclick="alert(1111)">11111</div>
</body>

</html>

<script>
    // 第一种
    // var box=document.getElementById("box");
</script>

<!-- 第二种：单独引入js文件 -->
<script src="11.js"></script>

四、JavaScript命名规范

● 区分大小写
● 名字以数字，字母、下划线、$ 符号组成，（但是不能以数字开头）
● 不能是关键字或者保留字，
○ 关键字，就是代表特殊含义和功能的名字，
■ 比如 var、function、break、else、new、var、 case、 finally 、 return、 void 、 catch 、for 、switch 、 while 、 continue、this 、 with 、default 、 if 、 throw 、 delete 、 in 、 try 、do 、 instranceof、 typeof
○ 保留字，就是现在还不是关键字，但是以后有可能会被规定成关键字，预先保留着。
■ 比如：abstract 、 enum 、int 、 short 、 boolean 、export 、interface、 static、 byte 、extends 、 long 、 super 、 char 、 final 、native 、synchronized 、 class 、float 、 package 、throws 、 const 、goto 、private 、transient 、 debugger 、 implements 、protected 、 volatile 、 double 、import 、public
● 命名要有语义化，可以遵循：
○ 小驼峰命名法（驼峰命名法）：首单词的首字母小写，其余单词的首字母大写，例如：studentMessage
○ 大驼峰命名法(又叫帕斯卡命名法)：跟小驼峰命名法类似，只不过是每个单词的首字母都大写，例如：StudentMessage
○ 下划线命名法：要求单词与单词之间通过下划线连接即可。例如：my_name

五、数据类型

js数据类型的划分

1.基本数据类型

● Number 数值
● String 字符串
● Boolean 布尔值 true(真)/false（假）
● Null 空
● Undefind 未定义
● Symbol
● BigInt

2.引用数据类型

● Array
● Object
● Function
● RegExp
● Math
● Date
● …

1.1Number数据类型

① 整型（整数）
② 浮点（小数）
● 直接写小数
● 浮点的精度问题（十进制小数转为二进制小数，大部分无法精确转换；整数不存在这个问题）
○ 0.1+0.2=0.3
③ JS中数值的范围
● JS 中的Number数据类型只能安全地表示-9007199254740991 (-(2^53-1)) 和9007199254740991(2^53-1)之间的整数，任何超出此范围的整数值都可能失去精度。
④ 特殊的数值 NaN
● NaN是number类型，是一个数值，表示非有效数字
● 特点1：NaN与任何数进行任何运算结果都是NaN
● 特点2：NaN与任何数都不相等，包括自己
⑤ 数值相关的运算符
+ - * / %
⑥相关函数
isNaN()
想要验证一下n是不是有效数字：
○ isNaN 验证一个值是否为非有效数字，如果是有效数字，则返回false，如果不是有效数字，则返回true

Number（）
Number是JS内置的转换方法，可以把其它数据类型“强制”转换为数字类型
* + 把字符串转换为数字：一但字符串中出现非有效数字字符，则结果为NaN，
只有都是有效数字字符，才能转换为具体的数字，空字符串会转换为0
* + 把布尔转换为数字：true转换为1 false转换为0
* + 把空转换为数字：null转换为0 undefined转换为NaN
* + 不能把Symbol类型转换为数字，否则会报错

parseInt()/parseFloat():
● 也是把其它数据类型转换为number类型的
● 处理原理和Number不一样，他们是把字符串转换为数字类型（如果处理的值不是字符串，需要先转换为字符串然后再去转换为number类型的）
● 从字符串最左边开始查找，把找到的有效数字字符转换为数字，一直遇到一个非有效数字字符为止，则结束查找

toFixed()
保留小数点后面N位（最后的结果是一个字符串）
Number.MAX_SAFE_INTEGER
console.log(Number.MAX_SAFE_INTEGER); //=>9007199254740991
最大安全数（JS能够有效识别的最大整数）
console.log(9007199254740992 == 9007199254740993); //=>true
应该是不一样的，但是超过了最大数值，JS无法精准计算

1.2 、BigInt:管理超过安全数值的数字

ES6中提供了一个新的数据类型 BigInt：管理超过安全数值的数字
console.log(BigInt(9007199254740992), BigInt(9007199254740993));

1.3、string 字符串类型

① 定义字符串
● 在JS中用单引号/双引号/反引号包起来的都是字符串

1.4、boolean 布尔值

布尔值表示真或假开或关是或否。
有 true 和 false 两个值
数字转为布尔值： 0转为false，NaN转为false；其他都是true
字符串转为布尔值：空字符串转为false，其他都是true
null 转为 flase
undefined 转为 false
总结：除了0 “” null undefined NaN为false，其他都是true

1.5、null 和 undefined

null表示没有，即该处不应该有值：
1）在我们不确定一个变量具体数据类型的时候，我们可以先赋值为null，后面可以再给具体的值。。
2）作为对象原型链的终点。
3）获取 DOM 获取不到的时候。
undefined表示缺少值，即此处应该有值，但没有定义：
1）定义了变量没有给值，显示 undefined。
2）定义了形参，没有传实参，显示 undefined。
3）对象属性名不存在时，显示 undefined。
4）函数没有写返回值，即没有写return，拿到的是 undefined。
5）写了return，但没有赋值，拿到的是 undefined。

小王不烦恼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js数据类型的划分

文章目录一、浏览器内核二、JAVASCRIPT历史三、js的构成1、什么是JavaScript：2、js的引入方式四、JavaScript命名规范五、数据类型js数据类型的划分1.基本数据类型2.引用数据类型1.1Number数据类型1.2 、BigInt:管理超过安全数值的数字1.3、string 字符串类型1.4、boolean 布尔值1.5、null 和 undefined一、浏览器内核通常所谓的浏览器内核也就是浏览器所采用的.
复制链接

扫一扫