这篇博客主要介绍了JavaScript的基础知识，包括数据存储单位、注释、JS引用方式、弹窗、变量、数据类型（Number、String、Boolean、Undefined和Null）、数据类型转换、逻辑运算符、循环（for、while）、continue、break、return的使用，以及Math对象和日期函数的应用。通过实例展示了如何进行字符串拼接、变量初始化、逻辑运算和循环控制，并提供了简单的计算案例。
数据存储单位
大小关系：bit < byte < kb < GB < TB<.....
- 位(bit)： 1bit 可以保存一个 0 或者 1 （最小的存储单位）
- 字节(Byte)：1B = 8b
- 千字节(KB)：1KB = 1024B
- 兆字节(MB)：1MB = 1024KB
- 吉字节(GB): 1GB = 1024MB
- 太字节(TB): 1TB = 1024GB
关于注释
// 单行注释
/*多
行
注
释*/
JS的引用
1.内部引用js
<html>
<head>
<title>标题</title>
<script language="javascript" type="text/javascript">
javascript代码
</script>
</head>
</html>
2.外部引用js
<script src="./js文件.js"> </script>
js文件
/script.js 后缀名.js
document.querySelector('p').addEventListener('click',function(){
this.style.color='blue'
console.log('sssss')
})
关于弹窗
alert()弹出个提示框 （确定）
confirm()弹出个确认框 （确定，取消）
prompt()弹出个输入框 让你输入东西
之前专门写过一篇博客讲js弹窗，这里就不过多冗余啦
详细内容见：JS弹窗
变量
- var：js中声明变量的关键字，浏览器在解释执行js代码时，看到这个关键字就知道后面跟的是一个变量名称
- str：变量名称，可以随意命名，但是要遵循一定的规则
- =：赋值符号，是Js中的运算符之一，作用是将右边的数据赋值给左边的变量
// 声明变量
var name; // 声明一个名称为 name 的变量
name = 110 // 给变量赋值
1.变量是什么变量的主要作用
变量是存储数据的容器
2.变量的初始化
声明一个变量并赋值，我们称为变量的初始化
3.变量的命名规范
由字母组成；严格区分大小写；不能以数字开头；不能是关键字、保留字；变量名必须有意义；驼峰命名法
JS数据类型
（简单数据类型）
| 简单数据类型 | 说明 | 默认值 |
|---|---|---|
| Number | 数字型，包含整数和浮点型值，如21，0.21 | 0 |
| Bollean | 布尔值类型，如true、false，等价于0和1 | false |
| String | 字符串类型，如张三，注意js里面，字符串都带引号 | ”“ |
| Undefined | Vara； 声明了变量a但是没有给值，此时a=undefined | undefined |
| Null | vara=null; 声明了变量 a 为空值 | null |
1.数字型 Number
JavaScript 数字类型既可以保存整数，也可以保存小数(浮点数）。
var age = 21; // 整数
var Age = 21.3747; // 小数
数字型范围
JavaScript中数值的最大和最小值
-
最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308
-
最小值：Number.MIN_VALUE，这个值为：5e-32
数字型三个特殊值
- Infinity ，代表无穷大，大于任何数值
- -Infinity ，代表无穷小，小于任何数值
- NaN ，Not a number，代表一个 非数值
isNaN(x)
判断是否为非数字的类型,返回true或false
String 字符串型
1.字符串转义符
转义符都是 \ 开头的，常用的转义符及其说明如下：
| 转义符 | 解释说明 |
|---|---|
| \n | 换行符，n 是 newline 的意思 |
| \ \ | 斜杠 \ |
| ’ | ’ 单引号 |
| " | ”双引号 |
| \t | tab 缩进 |
| \b | 空格 ，b 是 blank 的意思 |
2.字符串 长度
字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字符串的长度。
var strMsg = "我是帅气多金的程序猿！";
alert(strMsg.length); // 显示 11
length()和length的区别
length()：用于求字符串变量的长度，即这个字符串有多少个字符；
length：用于求字符串数组的长度，即这个数组有多少个字符串
3.字符串拼接
-
多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串
-
拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串
//1.1 字符串 "相加" alert('hello' + ' ' + 'world'); // hello world //1.2 数值字符串 "相加" alert('100' + '100'); // 100100 //1.3 数值字符串 + 数值 alert('11' + 12); // 1112- + 号总结口诀：数值相加 ，字符相连
console.log('大白' + 18); // 只要有字符就会相连 var age = 18; console.log('大白age岁啦'); // 这样不行哦 console.log('大白' + age
最低0.47元/天 解锁文章
扫一扫
263
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
