李立超js笔记1-25

蒋幸若

已于 2023-11-03 22:06:13 修改

阅读量126

点赞数 1

分类专栏：笔记-前端-JS 文章标签：笔记 javascript

于 2023-10-28 11:19:45 首次发布

本文链接：https://blog.csdn.net/weixin_51958545/article/details/134089005

版权

笔记-前端-JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

01_入门

03_编写位置

在HTML文档中，<script>标签可以写在以下位置：

在<head>部分：您可以将<script>标签放置在HTML文档的<head>部分中。这通常用于包含外部JavaScript文件或内联脚本，用于设置全局变量、函数和其他初始化操作。例如：

<!DOCTYPE html>
<html>
<head>
    <script src="external.js"></script>
    <script>
        // 这里可以放置内联JavaScript代码
    </script>
</head>
<body>
    <!-- 页面内容 -->
</body>
</html>

在<body>部分的底部：将<script>标签放置在<body>部分的底部是一种常见的做法，因为它可以确保页面的内容在JavaScript加载和执行之前可见，从而提高页面加载性能。例如：

<!DOCTYPE html>
<html>
<head>
    <!-- 其他头部内容 -->
</head>
<body>
    <!-- 页面内容 -->
    <script src="external.js"></script>
    <script>
        // 这里可以放置内联JavaScript代码
    </script>
</body>
</html>

无论将<script>标签放置在<head>还是<body>部分，都可以包含async和defer属性来控制脚本的加载和执行方式。async属性表示脚本应该异步加载并立即执行，而defer属性表示脚本应该异步加载，但要等到文档解析完成后按顺序执行。这可以有助于优化页面性能。

08_标识符

在这里插入图片描述

02_数据类型

09_数据类型

typeof 运算符

typeof用来检查不同的值的类型它会根据不同的值返回不同的结果

JavaScript中的数值

数值（Number）类型用于表示整数和浮点数。
数值在JavaScript中并非无限大，超过一定范围后会显示为Infinity
需要注意精度问题例如：0.1 + 0.3 ≠ 0.4，这是浮点数精度问题导致的。
NaN是一个特殊的数值，表示非法的数值，通常出现在无法进行有效的数学运算时。

大整数（BigInt）

大整数（BigInt）用于表示非常大的整数，以 “n” 结尾，支持无限大的范围。

const bigIntValue = 1234567890123456789012345678901234567890n;

其他进制的数字表示

二进制：二进制数以 “0b” 开头。

const binaryValue = 0b1010; // 表示十进制的10

八进制：八进制数以 “0o” 开头。

const octalValue = 0o755; // 表示十进制的493

十六进制：十六进制数以 “0x” 开头。

const hexValue = 0x1F; // 表示十进制的31

可以将不同进制的表示方式结合到一起进行数学运算。

const combinedValue = 0b1010n + 0x1Fn - 0o755n;

字符串
在这里插入图片描述
布尔值

13_类型转换

转换为字符串
toString()
String()

2.转换为数字

Number()

Number()
let a= '12412.3423' //String,12412.3423
let a = '123px'//NAN
console.log(typeof a,a)
a = Number(a)
console.log(typeof a,a)//Number,12412.3423
let b = true //1
let b = null
let b = undefined
b = Number(b)

parseInt() 专门对付字符串的，把字符串转换为Number，如果开始不是字符串，他会首先将其转换为字符串。（可以用parseInt（）对小数取整。123.123–>123）

let a = '123'//number 123
let a = '123px'//nubmer 123
a = parseInt(a)
console.log(typeof a,a)

parseFloat()

let myString = '3.14';
let myFloat = parseFloat(myString);
console.log(myFloat); // 输出 3.14
console.log(typeof myFloat); // 输出 'number'
let invalidString = 'hello';
let invalidFloat = parseFloat(invalidString);
console.log(invalidFloat); // 输出 NaN
console.log(typeof invalidFloat); // 输出 'number'

在 JavaScript 中，由于浮点数精度问题，0.1 加 0.2 可能不会得到精确的 0.3。这是因为这些数字在二进制浮点表示中是无限循环小数。
// 使用 toFixed 方法来限定小数点后的位数 let result = (0.1 + 0.2).toFixed(2); console.log(result); // 输出 “0.30”
在这个示例中，我们首先将 0.1 加 0.2，然后使用 toFixed 方法将结果限定为两位小数。这样，我们得到了一个近似的结果 “0.30”，它在显示时会看起来像精确的 0.3。
请注意，这并不是对浮点数精度问题的完美解决方案，但对于许多应用来说，这种方法足够了。如果需要更高的精度，可以考虑使用专门处理精确小数的库，例如 decimal.js 或 big.js。这些库可以提供更精确的小数运算。

转换为布尔值
使用Boolean()函数将其他类型转换为布尔值

Boolean()
let a = 1
console.log(typeof a ,a)
a = Boolean(a)
console.log(typeof a, a)//boolean,true

在这里插入图片描述

03_运算符

16-算数运算符

在这里插入图片描述
注意: 算数运算时,除了字符串的加法,其他的运算操作数是非数值时,都会转换成数值再运算.

除法，不是整除运算-->10/3 	//3.33333333334
10/0	/Infinity
10**3	//1000
9 ** .5	//3相当于开方

在这里插入图片描述
可以通过为任意类型 + 一个空串的形式将其转换为字符串,其原理和String()函数相同,但是用起来更简洁.
可以快速拼串,变成字符串.

利用这一特点,转换成字符串.
a = true
a =  a+' '

17-赋值运算符

在这里插入图片描述

18-一元的加减

一元运算符:typeof --> typeof a,一个数a就可以运算
二元运算符:+ --> 2+3,需要两个数才能运算

在这里插入图片描述

一元的加减在这边意思就是,±只是正负号,是一元的.

可以将字符串快速转换成数值

19-自增和自减

在这里插入图片描述

20-逻辑运算符

在这里插入图片描述

22-关系运算符

返回固定的值,返回ture/false

在这里插入图片描述

注意:若是 result = +“12” < “2”
//false,因为加了＋号会变成数值,数值和字符串比较,字符串转换,则是12和2比较.

注意
在这里插入图片描述

23-相等运算符

比较1和1是否相等.相等返回ture.
在这里插入图片描述

24-条件运算符

在这里插入图片描述

25-运算符的优先级

在这里插入图片描述

蒋幸若

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
李立超js笔记1-25

如果需要更高的精度，可以考虑使用专门处理精确小数的库，例如 decimal.js 或 big.js。这些库可以提供更精确的小数运算。parseInt() 专门对付字符串的，把字符串转换为Number，如果开始不是字符串，他会首先将其转换为字符串。这样，我们得到了一个近似的结果 “0.30”，它在显示时会看起来像精确的 0.3。//false,因为加了＋号会变成数值,数值和字符串比较,字符串转换,则是12和2比较.: 算数运算时,除了字符串的加法,其他的运算操作数是非数值时,都会转换成数值再运算.
复制链接

扫一扫