本文介绍了JavaScript进阶课程的三个关键部分：作用域与作用域链、闭包的实现示例，以及数组结构和对象解构。后续还将涵盖算法和数据结构的内容。
学习主体：
- JS进阶部分10集视频
学习内容：
- JS作用域与作用域链、闭包，变量、函数提升
- 函数剩余参数
- 箭头函数
- 数组结构
- 对象解构
学习代码：
闭包：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function count() {
let i = 0
function fn() {
i++
console.log(`这是函数第${i}次被调用`)
}
return fn
}
const result = count()
</script>
</body>
</html>数组结构：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
const [hr, lx, mi, fz] = ['海尔', '联想', '小米', '方正']
console.log(hr)
console.log(lx)
console.log(mi)
console.log(fz)
function getValue() {
return [80, 60]
}
const [max, min] = getValue()
console.log(max)
console.log(min)
</script>
</body>
</html>对象解构：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
const person = [
{
name: '佩奇',
family: {
mother: '猪妈妈',
father: '猪爸爸',//记得逗号
sister: '乔治'
},//记得逗号
age: 6
}
]
const [{ name, family: { mother, father, sister } }] = person
console.log(name)
console.log(mother)
console.log(father)
console.log(sister)
</script>
</body>
</html>- 2023.8.1
学习计划：
- 算法！！！
- JS进阶15集
- 了解数据结构
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
