⼀、JavaScript的基本语法⽂章⽬录
⼀、基本介绍与发展
1. JavaScript能⽤来做什么？
1. 页⾯分为：结构、样式、⾏为。
2. 对页⾯进⾏渲染，让页⾯有⾏为，让页⾯动起来。
1. 有动效的页⾯：
2. 动起来不⼀定专指动画，
2.
3. JavaScript的组成：ECMAScript、BOM、DOM
1. ECMAScript是⼀个标准。它规定了语法、类型、语句、关键字、保留⼦、操作符、对象。（相当于法律）
2. BOM（浏览器对象模型）：可以访问浏览器窗⼝的浏览器对象模型，对浏览器窗⼝进⾏操作。
3. DOM（⽂档对象类型）：DOM把整个页⾯映射成⼀个多层节点结构。HTML页⾯组成都是某种类型的节点，这些节点⼜包含着
不同类型的数据
⼆、Javascript和HTML5的关系
HTML5是⼀种新的技术，就⽬前⽽⾔，我们所知的HTML5都是⼀些标签，但是有了JS之后，这些标签深层的扩展功能才得以实现。
⽐如video标签，我们对其理解为⼀个简单的标签，但实际上，video标签还有更深层次的扩展功能。
三、如何编写及运⾏JS
JS是⼀种脚本语⾔，也需要依托于html的执⾏，可以有三种编写⽅式：⾏内(内联)，内部，外部。
1. 内联：以html标签的属性存在
<button onclick="alert('hello')"></button>
<br>
<button onclick="fn()"></button>
<script>
function fn(){
alert("world")
}
</script>
1. 不推荐使⽤，结构和样式要分离
2. 内部：写在html⽂件内的script标签内
<script>
document.querySelector(".box").onclick=function(){
alert("js");
}
</script>
3. 外部：写在js⽂件内，然后在html⽂件中使⽤script的src引⼊
// js⽂件
alert("hello world");
<script src="index.js"></script>
src 属性链接的是 JavaScript ⽂件，⽂件的扩展名为 .js，如 index.js
4. 不允许内部和外部，使⽤⼀个script标签，错误写法
<script src="相对路径">
//在script标签内写js脚本
</script>
5. 执⾏⽅式和执⾏顺序：
1. 内联，只能通过⾏为触发，不触发就不执⾏
2. 内部和外部，先写的先执⾏
3. script标签可以放在任何位置，但是⼀般放在body的最后 或 结束标签后，也有可能会放在head的最后
四、如何将信息呈现给⽤户
1. 向页⾯中打印内容：
document.write("这是⼀些⽂本内容");
可以直接解析标签：
document.write("<strong>加粗的内容</strong>");
js脚本编程入门
转义字符：
// <  ====  <
// >  ====  >
document.write("<strong>；这是⼀些加粗的内容</strong>");
document.write 会将要打印的内容强⾏转成字符，这会导致某些数据类型并不能直接查看到内容（如Object，Function）
document.write 还⾮常注重执⾏时机。页⾯完全加载结束之前执⾏，为正常想页⾯打印内容；页⾯加载结束后执⾏，则会覆盖整个document
2. 将信息打印到浏览器的控制台
console.log("hello world")
console 是个浏览器对象，除了log之外还有很多其他打印信息的⽅法
console 会保持原有数据类型打印，不会对数据进⾏强制转换
console 可以接收多个打印数据，之间使⽤ , 隔开
console 可以根据数据的引⽤地址，查看到将来的异步数据，这需要你对程序过程有所了解，否则你可能不太好判断当前数据是不是这⼀刻的数据
console 打印的位置为浏览器的控制台，这⾥不是DOM的范围，所以⽆法解析标签，并且不会对DOM造成任何影响
3. 弹出框显⽰信息
alert("hello")
alert 会将信息显⽰在浏览器的弹出框中
alert 会将要打印的内容强⾏转成字符，这会导致某些数据类型并不能直接查看到内容（如Object，Fu
nction）
alert 同时可以停⽌浏览器加载代码
浏览器解析代码的顺序（从上到下，从左到右）
五、变量的概念及基本运算
他叫汤姆，他是⼀只猫。
猫由什么组成？猫⽪，猫⾁，猫⽖，⽐起吃⽼⿏更愿意玩⽼⿏的⼼，每次整⽼⿏反⽽被整的笨脑⼦。
它的主⼈每次叫它什么？那个披了张猫⽪，长着猫⾁，有猫⽖…的什么玩意，你过来⼀下…
不！我们叫它汤姆！这是这只猫的名字！
在计算机中，我们需要记录⼀只猫的数据，同时计算机中还存储有其他数据，如果不加以整理和标记，⾮常不⽅便下次查或使⽤，那么就给这只猫起个名字，叫“汤姆”，这个名字，就是⼀个变量名。
1. 如何创建⼀个变量？
var tom ="猫";
var a ="<strong>加粗的内容</strong>";
// var是⼀个关键字，⽤来声明⼀个变量；
// ＝表⽰赋值（取名字）；
声明变量以 ＝ 为区分，左边为变量名（被赋值），右边为存放进变量中的内容（给变量赋值）
注意：JS中的“＝”号，和数学中的“＝”不⼀样，在JS中“＝”的作⽤是赋值（取名字）。
2. var 声明变量的底层原理：
计算机程序运⾏在内存中，当使⽤关键字 var 声明⼀个变量的时候，计算机会从内存中划分⼀个空间，为我们存放不同类型的内容做准备。
3. 变量的类型（数据类型）
因为存放在变量中的数据是放在计算机的内存中的，计算机只识别0和1，所以需要对不同类型的数据进⾏转义，转义的结果会导致所需空间不同，所以JS中分成很多种数据类型，以便计算机储存时使⽤。
1. 基本分类（按照typeof检测的结果划分）
1. 字符(String)：只要被引号包裹的数据：单引号’’，双引号""，反引号：``
2. 数值(Number)：0123456789，NaN（not a number）
3. 布尔(Boolean)：true，false
4. 对象(Object)：{键：值，键：值}
5. 函数(Function)：function(){}
6. undefined(undefined)：undefined，这是⼀种特殊类型，当变量被声明，但是没有被赋值的时候，那么该变量的类型的
undefined
7. null(Object)：空，空指向，只有⼀个指针，但是没有指向任何数据，会被typeof检测出object
8. 数组(Object)：[数据，数据]，会被typeof检测出object
9. symbol(Symbol)：类字符的数据 ***
2. 根据在内存中的存储形式分：
1. 基本类型：String，Number，Boolean，undefined，Symbol，null
2. 复杂类型：Object，Function，Array
4. 检测数据类型
1. 关键字：typeof 变量名或数据
2. ⽅法：typeof(变量名或数据)
3. typeof运算结束后的结果，以字符数据展⽰
⼩技巧：声明⼀串变量时可以这么写：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。