JavaScript保姆级教程———重难点详细解析（万字长⽂，建议收藏）JavaScript保姆级教程 ——— 重难点详细解析（建议收藏）
本⽂是整理了JS中的⼀些重点，难点，以及不好理解的知识点
本⽂⾮常详细，深⼊的讲解，包学包会
1. JS函数
1.1 函数(Function)是什么？盗梦空间 字幕
函数（⽅法）是由事件驱动的或者当它被调⽤时执⾏的可重复使⽤的代码块 —— 官⽅说明
向来觉得官⽅的⽂档是有些⽣硬的，举个例⼦：
函数可以看做是功能（以⼀辆汽车为例，如下图），这些都可以看做成是⽅法
刹车
油门
鸣笛
档位
这些功能任何⼀个⾥⾯都有很多个零件的配合，共同完成某⼀个任务，我们只需要去调⽤（踩刹车，踩油门，按喇叭，挂挡），功能就会执⾏
函数也是⼀样的，它内部封装了⼀些操作，只有我们去调⽤的时候才会执⾏
1.2 ⼀个最简单的函数及触发⽅法
<!DOCTYPE html>
<html>
<head>
<meta chart="utf-8">
<title>我的第⼀个⽅法</title>
</head>
<body>
<button onclick="myFunction()">点击触发函数</button>
<script>
// 必须有 function关键字，命名通常为驼峰命名，⾸字母⼩写
function myFunction(){
alert("这是我的函数");
}
</script>
</body>
</html>
1.3 带参数的函数（形参与实参）
形参 : 函数中定义的变量（此时是没有值的，只是⼀个代称）实参 : 在运⾏时的函数调⽤时传⼊的参数（实际的值）
新东方新概念js中，⽅法中即使定义了形参，调⽤时不传实参也不会报错
非限制性定语从句用什么连接词
<!DOCTYPE html>
<html>
<head>
<meta chart="utf-8">
<title>形参与实参</title>
</head>te
<body>
<!--这⾥的5和2是实参-->
<button onclick="addNum(5, 2)">计算5+2的值</button>
<script>
// 此处的num1，与num2便是形参
function addNum(num1, num2){
alert(num1 + num2)
}
</script>
</body>
</html>
1.4 带有返回值的函数 ———— return
function fn(a, b){
return a*b;驯服读音
stir}
// 调⽤并给num赋值
let num =fn(3,5);
console.log(num)// 得到15
1.5 js函数内置对象 ———— arguments（重点，考点）
它是函数⼀创建就有的
是⼀个类数组（并不是真正的数组）
⽅法调⽤时，可以得到所有传进来的参数
你传多少，我就能拿到多少
妯娌怎么读function fn(){
console.log(arguments)
}
fn(1,2,3,4);
经典应⽤ ———— 求⼀组参数的总和
function fn(){
let sum =0;
for(let i =0; i < arguments.length; i++){
sum += arguments[i];
}
// 返回 sum
return sum
}
let allSum =fn(1,2,3,4);
console.log(allSum)// 得到10
1.6 函数内的变量
在函数内的定义的变量均为局部变量
函数运⾏完之后就会销毁（垃圾回收机制），所以外界⽆法访问
变量应尽量避免重名（局部与全局变量可能会混淆，导致⼀些意料之外的问题）
function fn(){
// 此为局部变量
let a =5;
console.log(a)
什么叫几何平均数}
fn();
console.log(a)// 此处报错，⽆法访问
cet6
1.7 匿名函数（难点）
顾名思义指的是没有名字的函数
必须采⽤下⾯的语法，否则会报错
narsha(function(){
//由于没有执⾏该匿名函数，所以不会执⾏匿名函数体内的语句。
console.log("666");
})
匿名⾃执⾏函数（类似于JS的单例模式）
(function(){
console.log("666");// 此处会打印666
})()
2. JS事件
HTML 事件是发⽣在 HTML 元素上的事情。
JavaScript 可以触发这些事件。
可以看做是⽤户的某些操作，或者说业务需要监听的某些操作
2.1 HTML事件
HTML 页⾯完成加载
HTML input 字段改变时
HTML 按钮被点击
常⽤事件整理
事件名说明
onchange()HTML 元素改变（⼀般⽤于表单元素）
onclick ()⽤户点击 HTML 元素onmouover()⽤户在⼀个HTML元素上移动⿏标
onmouout()⽤户从⼀个HTML元素上移开⿏标
onkeydown()⽤户按下键盘按键
onkeyup()键盘按键弹起
onload()浏览器已完成页⾯的加载
2.2 JavaScript 事件⼀般⽤于做什么？
页⾯加载时触发事件
页⾯关闭时触发事件
⽤户点击按钮执⾏动作
验证⽤户输⼊内容的合法性
…（⽤户的⼀切操作都可以监听）
2.3 事件实例
