Web前端复习——Javascript复习（函数+分支结构）

超、凢脫俗 2022-06-17 01:59 272阅读 0赞

1、函数

指的是为一个任务进行封装在一个代码块中。

（1）函数使用：声明、定义和调用

function 函数名(\[参数变量列表\])\{

函数体：包含任务的步骤清单(代码块)

\[return 返回值\]

\}

如何调用：\[var 返回值\] = 函数名(\[参数值列表\]);

函数只有调用时才执行（反复调用，反复执行）

2、变量作用域：一个变量的可用范围

（1）JS中有两种作用域——

a、全局作用域：一个变量可以在程序的任何位置被访问

b、函数作用域：一个变量仅在函数调用时，内部被访问

（2）JS中有两种变量——

a、全局变量：定义在全局作用域中的变量 又分为2种：

1.直接在任何函数外声明的变量

全局变量都属于window——全局对象

2.无论在任何位置，为从未声明过的变量赋值时，会自动在全局创建同名全局变量

b、局部变量：定义在函数作用域中的变量，又分为2种：

1.在函数定义内部声明的变量

2.参数变量天生就是局部变量

总结：（1）函数其实是引用类型的对象，

（2）函数名是指向函数对象的变量。

3、函数

（1）声明提前：在程序执行前或函数被调用前

原理：将var声明的变量和function声明的函数，提前到当前作用域的顶部集中创建。

强调——仅声明提前，赋值留在原地

（2）按值传参

原理：js中无论变量间赋值或使用变量传递参数时，都是将变量中的值，赋值一个副本给对方

程序结构分为3大类

a、顺序：程序默认从上到下逐行换行

b、分支：根据条件判断的结果，有选择的执行不同代码段

c、循环：程序可以反复执行同一代码段，到临界时退出

4、分支结构

需求分析——IPO(Input Process Output)

以一个案例作为分析——

·编写一个收银柜台收款程序，  
·根据商品单价、购买数量以及收款金额计算并输出应收金额和找零  
  
  
分析：  
·定义输入——单价、数量、金额  
·定义输出——应收金额、找零  
·设计数据结构——多组表示单价和购买数量的变量

Input：price、count、money

Output：total、change

Process：total = price \* count

change = money - total

分支结构 VS 三目/短路

如果只是返回值——三目/短路

如果操作复杂——分支结构

（1）if-else

（2）switch-case结构：根据不同的条件执行不同的代码段

原理——用switch中的表达式的值和case中的值做“全等”比较

知识点1：break

它是停止当前结构的执行，并跳出当前结构

知识点2：switch VS else if

若“条件是全等比较”时，首选“switch-case”

若需要灵活定义条件时，需要使用“else if”

5、循环结构（3种）

让程序反复执行一段代码段，达到临界条件，停止。

3要素——循环条件、循环变量、循环体

（1）while

语法：

var 循环变量 = 初值; while(循环条件){ 循环体; 迭代变化循环变量; }

退出循环：2种方式

a、自然退出：不满足循环条件时，自动退出循环

b、手动退出：程序员在循环体使用break强行退出循环

（2）do-while循环

语法：

var 循环变量 = 初值; do{ 循环体; 迭代变化循环变量; }while(循环变量);

总结：while和do-while区别

当第一次条件满足时，while、do-while完全相同；

当第一次条件不满足时。

do-while：至少会执行一次

while：一次都不执行

注意——当条件第一次都不满足时，do-while也会执行一次。

js中没有块级作用域，分支/循环结构出了结构照样使用。

（3）for循环

语法：

var 循环变量 = 初值; for(循环变量;循环体判断;迭代变化循环变量;) ){ 循环体; }

发表评论取消回复

表情：

评论列表（有 0 条评论，272人围观）

还没有评论，来说两句吧...

相关阅读

相关 javascript函数复习

1.定义函数 function abs(x){ if (x>=0){ return x; }else{ return -x;

深藏阁楼爱情的钟/ 2022年09月21日 15:29/ 0 赞/ 187 阅读

相关 Web前端复习——Javascript复习（2）

1、变量+数据类型（1）变量定义what——内存中存储1个数据的存储空间，再起一个名字何时用when——程序中的数据都要先用变量保存，再处理如何使用how——声

逃离我推掉我的手/ 2022年07月03日 12:30/ 0 赞/ 233 阅读

相关 Web前端复习——Javascript（1）

1、js发展进程关键词 ECMAScript标准——定义了js语言的核心语法 Netscape——遵照标准，实现了Javascript语言 Microsoft——遵照标准

红太狼/ 2022年06月18日 12:11/ 0 赞/ 172 阅读

相关 Web前端复习——Javascript（字符串）

1、什么是字符串？字符串是多个字符组成的一个“只读”的集合（数组）注意：（1）凡是数组对象中，不修改原对象的API，字符串都能用比如—— .length属性：

╰半夏微凉°/ 2022年06月17日 12:28/ 0 赞/ 186 阅读

相关 Web前端——Javascript复习（数组）

1、数组（1）程序=数据结构+算法一个好的数据结构，可极大提高程序的执行效率；相关的多个数据应集中存储、管理；分类和排序（2）数组概念一组连续的变量组成

雨点打透心脏的1/2处/ 2022年06月17日 06:45/ 0 赞/ 192 阅读

相关 Web前端复习——Javascript复习（函数+分支结构）

1、函数指的是为一个任务进行封装在一个代码块中。（1）函数使用：声明、定义和调用 function 函数名(\[参数变量列表\])\{ 函数体：包含任务的步

超、凢脫俗/ 2022年06月17日 01:59/ 0 赞/ 273 阅读

相关 Web前端复习——Javascript复习（数值转换+运算符）

1、数值转换两大类：隐式转换、强制转换 A.隐式转换特点：无需程序员干预，js会自动完成的类型转换。。在这里，仅讨论“+”运算符中的隐式转换：2句算数运算中，

约定不等于承诺〃/ 2022年06月17日 00:51/ 0 赞/ 208 阅读

相关 Web前端复习——JavaScript复习（DOM）

1、DOM概述 DHTML：动态网页技术的统称 DHML=HTML+CSS+JS HTML XHTML DHTML XML HTML：超文本标记语言，专门编写网页内容的

迈不过友情╰/ 2022年06月16日 08:44/ 0 赞/ 246 阅读

相关 Web前端复习——JavaScript复习（函数声明调用+匿名函数+闭包）

1、Function对象（1）js中一切都是对象（2）函数名其实是引用函数定义对象的变量（3）连function函数也是一个对象 2、arguments

喜欢ヅ旅行/ 2022年06月16日 04:22/ 0 赞/ 245 阅读

相关 JavaScript复习笔记（二）函数、分支结构和循环结构

1、函数：封装一个专门任务的步骤清单的代码段叫做函数使用函数: 声明定义和调用 2、声明和定义函数的几种方法函数声明：function sum(a,b)\{ r

骑猪看日落/ 2022年04月17日 06:29/ 0 赞/ 245 阅读