带你读书之“红宝书”:第三章 语法基础(中)之 3.6. 流控制语句②,3.7. 函数简介

简介: 带你读书之“红宝书”:第三章 语法基础(中)之 3.6. 流控制语句②,3.7. 函数简介

写在前头

大多数小伙伴看技术书籍都会用“啃”来描述读书的直观感受,当然我也是一个前端小白,白的透明那种,但是我在读技术书籍感觉到“啃”的时候,我希望把我啃红宝书第四版的过程的想法,总结带给大家,以供后来者能够更快上手。


注: 本文由于作者水平原因,如有错误之处,恳请大家指正,另外随着学习的深入,体会的加深,我会不断回来更新,修改这类文章。


思维导图

微信截图_20221111190047.png


简述

操作符,顾名思义就是用来操作数据值的一种符号。书上的解释也很详细,还涉及了使用方法转换对象,以便操作。


脉络 3.6. 流控制语句

这小节就是介绍了3.6. 流控制语句,3.7. 函数,大体和c语言等等都一样的。


3.6. 流控制语句

微信截图_20221111190109.png


3.6.5. for 语句

微信截图_20221111190124.png


先测试语句

  • 循环之前的初始化代码
  • 执行后要执行的表达式
  • 变量的作用域限定在循环

无穷循环

for(;;){}
复制代码


for循环和while循环时可以转换的

let num = 10;
let i = 0;
for (;i < num;){
    console.log(i);
    i++;
}
复制代码


3.6.6. for-of 语句

微信截图_20221111190140.png


  • 用于遍历可迭代对象的元素
for (property of expression) statement;
复制代码
  • 确保这个局部变量不被修改,推荐使用 const,如果尝试迭代的变量不支持迭代,则 for-of 语句会抛出错误。


3.6.7. for-in 语句

微信截图_20221111190157.pnga

  • 用于枚举对象中的非符号键属性
  • 迭代的变量是 null 或 undefined,则不执行循环体。
  • for-in 语句不能保证返回对象属性的顺序


3.6.8. label 语句

微信截图_20221111190213.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 语句

微信截图_20221111190232.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. 函数

微信截图_20221111190250.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;
    ③两个命名参数不能拥有同一个名称。



目录
相关文章
|
前端开发 JavaScript C语言
带你读书之“红宝书”:第三章 语法基础(中)之 3.6. 流控制语句①
带你读书之“红宝书”:第三章 语法基础(中)之 3.6. 流控制语句①
110 0
带你读书之“红宝书”:第三章 语法基础(中)之 3.6. 流控制语句①
|
前端开发 C语言
带你读书之“红宝书”:第三章 语法基础(中)之 3.5操作符①
带你读书之“红宝书”:第三章 语法基础(中)之 3.5操作符①
77 0
带你读书之“红宝书”:第三章 语法基础(中)之 3.5操作符①
|
存储 前端开发 JavaScript
带你读书之“红宝书”:第三章 语法基础(中)之 3.5操作符②
带你读书之“红宝书”:第三章 语法基础(中)之 3.5操作符②
104 0
带你读书之“红宝书”:第三章 语法基础(中)之 3.5操作符②
|
前端开发 JavaScript C语言
带你读书之“红宝书”:第三章 语法基础(中)之 3.5操作符④
带你读书之“红宝书”:第三章 语法基础(中)之 3.5操作符④
101 0
带你读书之“红宝书”:第三章 语法基础(中)之 3.5操作符④
|
前端开发
带你读书之“红宝书”:第三章 语法基础(中)之 3.5操作符③
带你读书之“红宝书”:第三章 语法基础(中)之 3.5操作符③
81 0
带你读书之“红宝书”:第三章 语法基础(中)之 3.5操作符③
|
前端开发 JavaScript
带你读书之“红宝书”:第三章 语法基础(中)之 数据类型前部分
带你读书之“红宝书”:第三章 语法基础(中)之 数据类型前部分
89 0
带你读书之“红宝书”:第三章 语法基础(中)之 数据类型前部分
|
前端开发 JavaScript C语言
带你读书之“红宝书”:第三章 语法基础(中)之 数据类型中部分
带你读书之“红宝书”:第三章 语法基础(中)之 数据类型中部分
80 0
带你读书之“红宝书”:第三章 语法基础(中)之 数据类型中部分