翼度科技»论坛 编程开发 JavaScript 查看内容

JavaScript复习——01

5

主题

5

帖子

15

积分

新手上路

Rank: 1

积分
15
这是我用于复习我一年前学习的JavaScript的笔记,由于一年过去了,我大概已经4~5个月没有写过什么代码,所以需要整理自己的知识体系,如果文章出错,也希望大家评论给我改错
JavaScript的类型

JS中的类型有以下几种:

  • Number(数字类型)
  • BigInt (大数类型)
  • String(字符串类型)
  • Boolean (布尔类型)
  • null (空值类型)
  • undefined(未定义类型)
  • Symbol (符号类型)

Number类型 与 BigInt 大数类型

JS中的数字并不是无限大的,当我们超过JS的范围,就会显示近似值
由于计算机底层保存的数据是通过二进制,所以JS在进行小数运算的时候,精确度也是存在一定的问题的,我们一般引入其它的东西帮助我们进行计算
Infinity是数字类型的一个字面量,表示特殊值无穷
NaN也是一个数字类型的字面量,表示非数字型
  1. let a = 10;
  2. a = 10.5;
  3. a = 3.14;
  4. console.log(a)
复制代码
如果我们需要表示其它进制的数字的话,就按下面的写法
  1. // 二进制
  2. let a = 0b;
  3. // 八进制
  4. let b = 0o;
  5. // 十六进制
  6. let c = 0x;
复制代码
BigInt大数

注意:

  • 大数可以表示所有范围的数值,前提是你的内存够大
  • 大整数只能和大整数的类型进行计算,不能和普通的数字类型进行计算
  1. let a = 99999999999999999999999999999999999999n;
复制代码
类型检查

我们可以使用typeof来检查我们值的类型
注意:

  • 在JS中只有值才有类型,变量是没有类型的(因为JS是弱类型的语言)
  • typeof 返回的是一个字符串
  • 变量只是一个存储值的盒子
  1. let a = 10;
  2. let b = 20n;
  3. // result Number
  4. console.log(typeof a);
  5. // result bigInt
  6. console.log(typeof b);
复制代码
字符串(String)

在JS中我们使用 单引号双引号 来表示字符串
注意:

  • 单引号和双引号不能混用
  • 普通字符串不能跨行,模板字符串可以

模板字符串

使用:
  1. let a = `你好
  2. 呀!`;
  3. // 模板字符串还可以嵌入变量
  4. let name = '孙悟空';
  5. let a = `你好${name}`;
复制代码
布尔值(Boolean)

一般我们用作逻辑判断
布尔值只有两个 true 和 false
布尔值在底层本质上就是一个数字
  1. let a = true;
  2. let b = false;
复制代码
空值(null)

空值用来表示空对象
空值只有一个null
注意:

  • 使用typeof检查空值会显示object(使用 typeof 无法检查空值)

未定义(Undefined)

当声明变量未赋值的时候,它的值就是Undefined
为定义只有一个值undefined

符号(Symbol)

用于创建一个唯一的标识
使用 typeof 检查的时会返回Symbol
  1. let c = Symbol()
  2. console.log(typeof c)
复制代码
类型转换

将一种数据类型转换为另外一种数据类型,我们称之为类型转换
注意:
由于数据的值的类型不可变,所以我们的类型转换其实是根据原来的值,在内存开辟一个新的空间存储转换完毕之后的值



转换字符串


  • 方法一:调用toString()方法
    注意:undefined 和 null 没有 toString方法,所以不能调用这个方法
  1. let a = 10;
  2. // 调用 a 的toString方法
  3. a = a.toString();
  4. console.log(typeof a,a);
复制代码

  • 方法二:调用String()函数
    String()函数可以转换 null 和 undefined
String()函数的原理:String()函数,本质上是对于可以调用toString()函数的对象,调用它们的toString(),而对于不能调用toString()的对象如 null 和 undefined 的它们会将其转换为 "null" 和 "undefined"
  1. let a = 10;
  2. // 调用String()函数
  3. a = String(a);
  4. console.log(typeof a,a);
复制代码

  • 方法三:让数据加上一个字符串(隐式类型转换)
    其内部原理还是调用String()函数
  1. let b = 123 + '';
复制代码
转换为数字

注意:

  • 字符串:如果字符串是一个合法的数字,那么就正常转换,但是如果是不合法的数字,就会转换为NaN
  • 如果字符串是空串空格就会转换为0
  • 布尔值:true转换为1,false转换为0
  • undefined:转换为NaN
  • null:转换为0


  • 方法一:使用Number()函数(适用于任何类型)
  1. let a = '123';
  2. console.log(typeof a);
  3. a = Number(a);
  4. console.log(typeof a);
复制代码

  • 方法二:parseInt() 和 parseFloat() 将一个字符串转换为浮点数
    2.1. paserInt解析时,会从左往右解析字符串,直到读取到字符串所有的有效整数
    2.2. 我们也可以使用 parseInt() 进行取整
  1. let b = '1987px';
  2. b = parseInt(b);
  3. console.log(typeof b,b)
复制代码

  • 方法三:通过在非数值前面加一个+号,其本质还是调用Number()函数
  1. let a = '132';
  2. a = +a;
复制代码
布尔值

方法:使用Boolean()函数将其它类型转换为布尔值
转换:

  • 数字:处理NaN、0是false,其余都是true
  • 字符串:除了空串是false,其余都是true
  • null 和 undefined 转换都是false
  • 对象都会转换为 true
  • 使用!,对变量进行隐式转换


来源:https://www.cnblogs.com/trueasureyuki/p/17780047.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

举报 回复 使用道具