「这是我参与2022首次更文挑战的第18天，活动详情查看：2022首次更文挑战」
写在前头
大多数小伙伴看技术书籍都会用“啃”来描述读书的直观感受，当然我也是一个前端小白，白的透明那种，但是我在读技术书籍感觉到“啃”的时候，我希望把我啃红宝书第四版的过程的想法，总结带给大家，以供后来者能够更快上手。
注： 本文由于作者水平原因，如有错误之处，恳请大家指正,另外随着学习的深入，体会的加深，我会不断回来更新，修改这类文章。
思维导图
image.png
简述
操作符，顾名思义就是用来操作数据值的一种符号。书上的解释也很详细，还涉及了使用方法转换对象，以便操作。
脉络 3.6. 流控制语句
这小节就是介绍了3.6. 流控制语句，3.7. 函数，大体和c语言等等都一样的。
3.6. 流控制语句
image.png
3.6.5. for 语句
image.png
先测试语句
-
循环之前的初始化代码
-
执行后要执行的表达式
-
变量的作用域限定在循环
无穷循环
for(;;){}
for循环和while循环时可以转换的
let num = 10;
let i = 0;
for (;i < num;){
console.log(i);
i++;
}
3.6.6. for-of 语句
image.png
- 用于遍历可迭代对象的元素
for (property of expression) statement;
- 确保这个局部变量不被修改，推荐使用 const,如果尝试迭代的变量不支持迭代，则 for-of 语句会抛出错误。
3.6.7. for-in 语句
image.png
-
用于枚举对象中的非符号键属性
-
迭代的变量是 null 或 undefined，则不执行循环体。
-
for-in 语句不能保证返回对象属性的顺序
3.6.8. label 语句
image.png
- 用于给语句加标签
label: statement;
3.6.9. break 与 continue 语句
- break 和 continue 都可以与标签语句一起使用，返回代码中特定的位置。
let num = 0;
outermost: for (let i = 0; i < 10; i++) {
for (let j = 0; j < 10; j++) {
if (i == 5 && j == 5) {
break outermost;
}
num++;
}
}
console.log(num); // 55
outermost: for (let i = 0; i < 10; i++) {
for (let j = 0; j < 10; j++) {
if (i == 5 && j == 5) {
continue outermost;
}
num++;
}
}
console.log(num); // 95
3.6.10. with 语句
image.png
- 将代码作用域设置为特定的对象
with (expression) statement;
使用 with 语句的主要场景是针对一个对象反复操作,少写一些代码，类似简写。
let qs = location.search.substring(1);
let hostName = location.hostname;
let url = location.href;
with (location) {
let qs = search.substring(1);
let hostName = hostname;
let url = href;
}
- 严格模式不允许使用
3.7. 函数
image.png
- 封装语句使用 function 关键字（10章详细写到其实就是函数声明）
函数声明
function functionName(arg0, arg1,...,argN) {
statements
}
- 通过函数名来调用函数
<script>
function printfNum(num) {
console.log(num);
}
printfNum(2); // 使用函数名调用函数
</script>
- return 语句
①使用return语句可以返回函数的值。
②只要碰到 return 语句，函数就会立即停止执行并退出。return语句后面的代码不会再执行。
③一个函数里面可以有多个return语句，但是只会执行一个。
④当return语句后面直接加;时，函数会默认返回undefined，并停止运行。
-
严格模式对函数也有一些限制
①函数不能以 eval 或 arguments 作为名称；
②函数的参数不能叫 eval 或 arguments；
③两个命名参数不能拥有同一个名称。
网友评论