2.4 boolean 布尔类型（表示 “真” 和 “假” ）
一、初识JavaScript（简称JS）
1️⃣是世界上最流行的编程语言之一
网页游戏开发
1.JavaScript 运行过程
1️⃣编写的代码是保存在文件中的, 也就是存储在硬盘(外存上)
2️⃣双击 .html 文件浏览器(应用程序)就会读取文件, 把文件内容加载到内存中(数据流向: 硬盘 => 内存)
3️⃣浏览器会解析用户编写的代码, 把代码翻译成二进制的, 能让计算机识别的指令(解释器的工作)
4️⃣得到的二进制指令会被 CPU 加载并执行(数据流向: 内存 => CPU)
2.JavaScript 的组成
1️⃣ECMAScript(简称 ES): JavaScript 语法
在网络上搜索资料的时候，经常会看到ES5、ES6之类的版本，这就是JavaScript 语法的语法；在进行浏览器的使用，会自动更新到最新的版本
例如在我们进行注册的过程中，有的界面就不会跳转到新的窗口，而是会有一个小窗口来让你填写信息，这就是 BOM 窗口
二、JavaScript的规范与调试
1.JavaScript 的书写形式
1.1 行内式
<input type="button" value=" 点我一下 " onclick="alert('张三');" >
注意, JS 中字符串常量可以使用单引号表示, 也可以 使用双引号表示，推荐使用单引号
❗❗❗注意看双引号的选择：alert之前也有一个双引号，这个时候张三的双引号和alert之前的双引号会形成截断，以至于识别不了张三的双引号的，这个时候就需要转义字符来获取张三的双引号；但是存在一个问题就是转义字符不好加，这个时候使用单引号会比较简单
使用单双引号最好的选择就是：单引号嵌套双引号；双引号嵌套单引号，尽量不要重复
那么不适用引号，又会出现什么问题呢❓❓❓
在这里我想说的是：如果出现问题一定要自己先检查，要会检查，不要一遇到了问题就去问其他人；自己解决问题的过程，会让你的能力更进一步
1.2 内嵌式（建议写在</body>之前）
<script>
alert("初始化执行")
</script>在 html 中，要写在 body 结束之前，不要放在 head 结束之前
例如，我写一个代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js-demo</title>
<script>
alert(document.getElementById("btnl").value);
</script>
</head>
<body>
<input id="btnl" type="button" value=" 点我一下 " onclick="console.log('hello,javascript');" >
<p></p>
<button></button>
</body>
</html>这个代码是从上往下执行的，在 head 获取 btnl，但是这个btnl还未初始化，所以就拿不到这个值，因此在我们刷新页面的时候没有任何变化
1.3 外部式（建议写在</head>之前）
外部式要写在单独的 .js 文件中
alert("hello tools");如果使用这个alter，使用 script 引入：在 .html 文件中并且在 head 结束之前引入
script src="tools.js"></script>这个时候小伙伴就有疑问了，刚刚不是说不能放在 head 中，要放在 body中，这个时候为啥就要放在 head 中❓❓❓
❗❗引入的 .js 通常是工具js，或者式通常写在页面里边的；这个工具js是没有操作当前页面的信息，放在head和body之前是没有区别的
当我们去写 javascript 代码的时候在 head 中可能会用到工具js，所以如果放在body之前可能会导致获取不到，所以建议写在 head 里边
1.4 总结
行内式：通常用来写简单代码（用的很少），通常调用一个javascript方法
2.调试过程（建议使用edge、google浏览器）
1️⃣在出现问题的页面点击F12，或者进入浏览器设置点击更多工具，点击开发者工具就出现调试界面
3️⃣控制台：显示JS的报错信息，调试代码，通过报错信息就会跳转到出错的代码
input type="button" value=" 点我一下 " onclick="console.log('hello,javascript');" >
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js-demo</title>
<script>
alert(document.getElementById("btnl").value);
</script>
</head>
<body>
<input id="btnl" type="button" value=" 点我一下 " onclick="console.log('hello,javascript');" >
<p></p>
<button></button>
</body>
</html>这个代码会出现问题，那么如何调的呢❓❓❓首先如果这个文件为空，不要紧张，是因为当打开控制台在后，刷新页面在前；这个时候再刷新一下页面即可
如果进行前后端互通的时候，前端给后端发送一个请求，如果此时出现问题，此时需要排查是前端的问题还是后端的问题，这个时候就需要通过网络找到接口位置查看信息 （例如发送了什么请求，接收了什么请求），因此这个网络非常重要
3.注释
4.输入输出
4.1 输入 prompt —— 弹出提示框
// 弹出一个输入框
prompt("请输入您的姓名:");4.2 输出 alert —— 警示对话框, 输出结果
// 弹出一个输出框
alert("hello");4.3 输出 console.log
// 向控制台输出日志
console.log("这是一条日志");三、JavaScript 的语法
1.变量的声明
var name = "张三";
alert(name);
let name2 = "李四";
alert(name2);这两种的区别：
诞生的时间不同——var 诞生的更早，而 let 诞生的比较晚
1.1 语法规则
var name = 'zhangsan';
var age = 20;代码演示：
var name = prompt("请输入姓名：");
var age = prompt("请输入年龄:");
var sex = prompt("请输入性别");
alert("姓名：" + name + "n年龄：" + age + "n性别：" + sex);
1.2根据类型的推断运行
var num1 = "5";
var num2 = "6";
alert(num1 + num2);var num1 = 5;
var num2 = 6;
alert(num1 + num2);
四、JavaScript 的数据类型
1.number 数字类型
在JS中不区分整数和浮点型，统一使用”数字类型“来表示；使用方法和 idea 基本相同。
特殊地：
var num1 = 5;
var num2 = "abc";
alert(num2 - num1);
console.log(isNaN(10)); // false
console.log(isNaN('hehe' - 10)); // true在这里第一个代码：10不是数字——false；
2.string 字符串类型
var a = "haha";
var b = 'hehe';
var c = hehe; // 运行出错var msg = "My name is "zhangsan""; // 出错
var msg = "My name is "zhangsan""; // 正确, 使用转义字符. " 来表示字符串内部的引号.
var msg = "My name is 'zhangsan'"; // 正确, 搭配使用单双引号
var msg = 'My name is "zhangsan"'; // 正确, 搭配使用单双引号2.1 转义字符
n \ ‘ ” t
2.2 求长度
var a = 'hehe';
console.log(a.length);//4
var b = '哈哈';
console.log(b.length);//22.3 字符串拼接（+）
var a = "my name is ";
var b = "zhangsan";
console.log(a + b);console.log(100 + 100); // 200
console.log('100' + 100); // 1001002.4 boolean 布尔类型（表示 “真” 和 “假” ）
Boolean 参与运算时当做 1 和 0 来看待.
2.5 undefined 未定义数据类型
1️⃣如果一个变量没有被初始化过, 结果就是 undefined, 是 undefined 类型
var var1;
console.log(var1);2️⃣undefined 和字符串进行相加, 结果进行字符串拼接
console.log(var1 + " 你好 ");//undefined 你好console.log(var1 + 10);2.6 null 空值类型
var b = null;
console.log(b + 10); // 10
console.log(b + "10"); // null10❗❗注意：
五、运算符
在我们 JavaScript 中的运算符与java是类似的，通常都是一些相同的意思；但是在 JavaScript 有几个特殊的运算符，我们来认识一下这几个运算符：
1️⃣=== 比较相等（不会进行隐式类型转化）
2️⃣== 比较相等（会进行隐式类型转化）
var num1 = 10;
var num2 = "10";
console.log("==隐式类型结果：" + (num1 == num2));
console.log("===严格类型转化类型的结果：" + (num1 === num2));六、条件语句
❗❗❗需要注意的几点就是：
如果是一个 int 类型的条件，切记不要直接去用，要转化成 int 类型，不然代码处处是惊喜；
例如：仔细看一下代码
var num = prompt("判断奇偶数，请输入：");
if(num % 2 == 0) {
alert(num + " -> 结果为偶数");
} else {
alert(num + " -> 结果为奇数");
}
var num = prompt("判断奇偶数，请输入：");
console.log(num + 10);
if(num % 2 == 0) {
alert(num + " -> 结果为偶数");
} else {
alert(num + " -> 结果为奇数");
}
通过以上代码，我们就知道在进行操作过程中，要进行强制转化
七、总结（web开发指南）
在这里我推荐一个网站，我们如果遇到不知道改怎么使用某些语句，可以参考以下网站来具体查询到底如何使用
网站链接：JavaScript – 学习 Web 开发 | MDN (mozilla.org)
原文地址:https://blog.csdn.net/m0_72161237/article/details/130546817
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_14197.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
