目录
2、进行多行注释时仍可以使用 Ctrl+/ 来进行注释，注意区别在进行全选中时，编译器的实际操作为对每行进行一个单行注释。
3、多行注释的另一种方法，即在需要注释的区域添加 /* */ 来进行注释，注意该方式主要是进行一个区域的注释，区别于全选之后进行多次单行文本注释方法。
js中写入脚本代码时在结尾处的分号断句可加可不加（个人倾向于添加，对于初学者可以更好的规范多种代码格式）
在数字型中我们可以使用 isNaN() 这个方法用来判断是否为非数字，使用该函数进行判断时会返回一个布尔值，如果是数字返回的是 false，如果不是数字返回的是true。
在字符串型中可以使用 str.length 检测获取字符串的长度，下列代码输出为7
1、在字符串型中使用 + 进行拼接，只要有字符串和其他类型相拼接 最终的结果是字符串类型
本期主要主要的内容是需要了解并记住数据类型，即
简单数据类型：number数字，string字符串，boolean布尔值，undefined未定义的，null空
复杂数据类型：object对象，function函数，array数组，redexp正则，date时间
WEB网页的行为层：JavaScript
一、初识JavaScript
JavaScript作为前端网页中的行为层，主要的作用是为了完成行为交互的反馈和事件的进行。
一般称呼为前端的脚本语言，作为一个和CSS层叠样式表类似的文件，同样具有三种写法.
1、写在html文件的开头<head>标签中或</body>标签之后，使用script引用文件来进行脚本的使用，在进行一个项目时一般考虑将css文件放在开头<head>标签内，将script文件放在</body>标签后。，属于外部样式。
<script src="引入地址"> </script>
2、直接写在行内样式，对一个具体的标签元素进行添加脚本。
<button onclick=" 事件 "> 点击</button>3、直接插入一个<scripr>标签来进行脚本定义，属于内嵌样式
<script>
事件
</script>
二、一些js中的标注方式和写法
js中进行注释时应注意区分单行和多行
1、在进行单行注释时，使用通用的 Ctrl+/ 即可
//这是一段单行注释文本2、进行多行注释时仍可以使用 Ctrl+/ 来进行注释，注意区别在进行全选中时，编译器的实际操作为对每行进行一个单行注释。
//这是多段注释
//这是多段注释
//这是多段注释
//这是多段注释3、多行注释的另一种方法，即在需要注释的区域添加 /* */ 来进行注释，注意该方式主要是进行一个区域的注释，区别于全选之后进行多次单行文本注释方法。
/*这是一段多行文本区域
这是一段多行文本区域
这是一段多行文本区域*/js中写入脚本代码时在结尾处的分号断句可加可不加（个人倾向于添加，对于初学者可以更好的规范多种代码格式）
三、JS的输出与输入语句
1、输入语句：prompt(" ")
该语句直接渲染在浏览器上，和输出语句 alert("") 属于同种效果，只不过可以输入内容。
prompt("请输入")
prompt(123)在对该值进行输入时，字符串需使用双引号或单引号进行包裹（单双引号不可以混用），数字可以直接进行填入，该处的字符将会在浏览器渲染时作为提示出现，不属于所定义的值。
2、输出语句:alert(" ")
该语句也直接渲染在浏览器上，使用方法同prompt，可以输出由我们定义的值。
3、控制台输出语句：console.log()
该语句的作用可以在网页调试中来检测我们的代码是否正确。
四、变量和变量声明
1、通过使用 var 来声明一个变量名，同时需要注意有一些关键字和保留字无法作为变量名存在。
https://blog.youkuaiyun.com/ZSZ1805355272/article/details/126400297?ops_request_misc=%257B%2522request%255Fid%2522%253A%25227638B73D-7A4E-49BB-BF27-6920B8C5D338%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=7638B73D-7A4E-49BB-BF27-6920B8C5D338&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduend~default-2-126400297-null-null.142%5Ev100%5Epc_search_result_base4&utm_term=js%E4%B8%AD%E7%9A%84%E5%85%B3%E9%94%AE%E5%AD%97&spm=1018.2226.3001.4187命名由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，数字不能作为开头，同时严格区分大小写。
遵循驼峰命名法。首字母小写，后面单词的首字母需要大写，例如 myFriendName。
2、通过 = 来进行变量名的赋值，即将所需要定义的数值存入到该变量名内，后面赋值的值被称为字面量。
3、使用console.log()来进行控制台输入，查看是否报错。
4、使用alert()进行浏览器输出，在没有错误的情况下会正常进行输出，得到的值被称为返回值。
需注意变量的初始化，需要在调用该变量前对其进行赋值，可以在声明变量名时赋值，也可以在需要调用前进行赋值。
注意：该值依据键值对原则，一个变量对应一个值，后赋值会覆盖前面的值。
var age;
age = 10;
console.log(age);
alert(age)
五、变量的重新赋值和语法拓展
1、更新变量
通过使用四中讲过的后赋值覆盖前赋值，对变量的值进行覆盖，即更新变量。
2、声明或赋值多个变量
（1）将多个变量分开进行声明或赋值
（2）在同一个 var 中赋值或声明时使用逗号隔开即可
如需进行两个变量间的相互交换，需使用第三个值来进行转移
3、声明变量的特殊情况
（1）只声明不赋值，结果是undefined（未定义的）
（2）不声明，不赋值，直接使用某个变量会报错
（3）不声明直接赋值也会进行报错
六、变量的数据类型
1、基础数据类型
| number | 数字，在控制台中为蓝色字体 |
| string | 字符串，在控制台中为黑色字体 |
| boolean | 布尔值，在控制台中为黑色字体，有 true 和 false 两种数值 |
| undefined | 未定义，在控制台中为半透明灰色字体 |
| null | 空，在控制台中为半透明灰色字体 |
2、复杂数据类型
| object | 对象 |
| function | 函数 |
| array | 数组 |
| Date | 日期 |
| regexp | 正则 |
七、一些数字型和字符串型的补充
1、浮点数：即数学概念中的小数，是一个具体的数值概念，是浮点型的一种实例。
float浮点型是一种数据类型，在后续会进行学习
2、整数，即数学概念的中的整数
int整数型的概念会在后期进行学习
3、一些界定数值
// 最大值 1.7976931348623157e+308 Number.MAX_VALUE
console.log(Number.MAX_VALUE);
// 最小值 5e-324 Number.MIN_VALUE
console.log(Number.MIN_VALUE);
// 无穷大 Infinity
console.log(Number.MAX_VALUE * 2);
// 无穷小 -Infinity
console.log(Number.MAX_VALUE * -2);在数字型中我们可以使用 isNaN() 这个方法用来判断是否为非数字，使用该函数进行判断时会返回一个布尔值，如果是数字返回的是 false，如果不是数字返回的是true。
var a = 5 console.log(isNaN(a)); var b = "a" console.log(isNaN(b));
4、在字符串型中有一些转义字符，需要添加 \ 来进行使用
| \n | 换行 |
| \t | 缩进 |
| \b | 空格 |
在字符串型中可以使用 str.length 检测获取字符串的长度，下列代码输出为7
var str = "abcdefg" console.log(str.length);
八、字符串的拼接
1、在字符串型中使用 + 进行拼接，只要有字符串和其他类型相拼接 最终的结果是字符串类型
var str = "abcdefg"
var b = "h"
console.log(str + b);
//输出为abcdefgh
var c = 8
console.log('0' + c);
//输出为08
2、字符串和变量之间的拼接
（1） 变量不可以写到字符串里面，通过和字符串所赋值的变量相连的方式进行拼接。
//数字变量的拼接
var str = "abc"
var a = 5
console.log(str + a);//abc5
//字符串变量之间的拼接
var b = "d"
console.log(str + b); //abcd
//boolean的拼接（该值只有true 和 false）
var c = true
console.log(str + c); //abctrue
//未定义变量，undefined拼接
var d
console.log(str + d); //abcundefined
//空变量的拼接
var e = null
console.log(str + e); //abcnull（2）变量和字符串相连：" 字符串内容 " + 变量名 + " "
var age = prompt("请输入年龄")
alert(" 我今年 "+age+" 了")（3）字符串类型的数字除去+ 其他- * /是可以参与运算的
console.log("4" + 5);//输出为45
console.log("8" * 2);//输出为16九、获取检测变量的数据类型：typeof
//基础数据类型
//数字：number 字符串：string 布尔值：boolean 未定义：undefined
var a = 5
console.log(typeof a); //number数字
var b = "a"
console.log(typeof b);//string字符串
var c = true
console.log(typeof c);//boolean布尔值
var d
console.log(typeof d);//undefined未定义
//复杂数据类型
//object function 数组array
var obj = {
name: "a",
age: 18
}
console.log(typeof obj); //object对象
function fn() { }
console.log(typeof fn); //function函数
var arr = [1, 2, 3]
console.log(typeof arr); //object对象
//基础数据类型中的特殊类型：null，判断出来的是一个object的空对象
var e = null
console.log(typeof e);十、字符型和数字型之间的相互转换
数字型转换为字符串型
1、变量.toString()
var a = 5
console.log(a.toString());
2、String(变量)
var a = 5
console.log(String(a));3、利用 + 拼接字符串的方法实现转换效果
var a = 5
console.log("" + a);
字符串型转换为数字型
1、parseInt(变量)，得到的是整数
var a = '10.8';
console.log(parseInt(a));2、parseFloat(变量)，得到的是浮点数
var a = '10.8';
console.log(parseFloat(a));3、Number(变量)
var a = '10.8';
console.log(Number(a));4、 利用算数运算 减乘除 来进行隐式转换
var a = '10.8';
console.log(a / 1);
console.log(a - 1);
console.log(a * 1);5、在前面加上+来进行转换
var a = +prompt("请输入第一个值");
var b = +prompt("请输入第二个值");
var sum = a + b;
alert(sum); var year = +prompt("请输入出生年份")
console.log(typeof year)
var age = 2024 - year
console.log(typeof year);
alert(age)十一、转换为布尔型
var flag = true //boolean
var a = 0
var b = 1
console.log(flag + a);//1
console.log(flag + b);//2
var c = ""
var d = "a"
console.log(flag + c);//true
console.log(flag + d);//truea
var e
console.log(e);
console.log(flag + e);//true+undefined=NaN
var f = null
console.log(flag + f);//true+null=1在此转换方式中，true会被视为一个数字变量类型1，在使用 isNaN() 进行检测会返回false值，但是在于字符串拼接后检测为非数字，可以进行通用。
对于 undefined 和 null 的查询中可以得知，undefined 作为未被定义无法进行操作，其所返回的NaN表示一个本来要返回数值的操作数未返回数值的情况。
而null情况会被视作一个空对象，使用typeof检测null值时返回object，在和true的相加中被视为数字中的0，为数字的空值。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
