JS课堂笔记（4.17-4.21）

一、循环

 1.在程序中，一组被重复执行的语句被称为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称为循环语句。

2.循环执行的过程是①第一次循环：第一次赋值，然后条件判断，执行循环体，最后执行累计。

②非第一次循环：条件判断，执行循环体，最后执行累计。

3.continue，跳过本次进入下一次循环，从continue当前位置跳过，上面的还是会执行。

4.break，停止循环，从break当前位置停止循环体的执行。

5.循环的目的：为了重复的执行相同的任务或操作，减少了重复代码的书写。

6.for循环总结：
①for循环可以重复执行某些相同代码

②for循环可以重复执行些许不同的代码，因为我们有计数器。

③for循环可以重复执行某些操作，比如算术运算符加法操作。

④需求的增加，双重for循环可以做更多，更好看的效果。

⑤双重for循环，外层循环一次，内层for循环全部执行。

⑥for循环是循环条件和数字直接相关的循环。

⑦分析比写代码更重要。

二、while循环和do while循环

1.while循环：while（条件表达式）{循环体代码}

执行思路：

①先执行条件表达式，如果结果为true则执行循环体代码；如果为false，则退出循环，执行后面代码。

②执行循环体代码

③循环体代码执行完毕后，程序会继续判断执行条件表达式，如条件仍为true，则会继续执行循环体，知道循环条件为false，整个循环过程才会结束。

2.do while循环：do{循环体--条件表达式为true时重复执行循环体代码}while（条件表达式）

执行思路：

①先执行一次do后的循环体

②再判断条件，如果为true，就会继续执行循环体，否则推出循环。

三、函数

⭐函数有自己的作用域，凡是在函数中声明的变量或者函数都只能在当前函数中生效，不会影响外部。

⭐函数重载：接受不同参数，执行不同的任务。

1.函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。

2.函数的使用：

①声明函数：function 函数名(){函数体代码}

②调用函数：函数名()

！！注意：

①function声明函数的关键字小写

②函数是做某件事情，函数名一般用动词加名词，如getSum

③函数不调用就不会执行

④函数调用时千万记得小括号()

3.函数的参数（动态控制函数行为的变量值）：

形参和实参：function 函数名（形参1，形参2，形参3，.....）{}

函数名（实参1，实参2，实参3，......）

①形参：函数接收的参数。（形参（形式/表示参数），接收实参，相当于变量，遵循变量规范）

②实参：函数调用时传入的参数。（实际的参数，相当于值。实参是传递给形参的。）

4.函数的返回值：return

①函数中遇到return就立即停止执行，return下面的代码就不执行了，立刻向函数调用返回。

②函数默认的返回值是undefined。

5.函数可以提升，而且是整体提升。

6.函数和变量同名的情况下，在提升的时候，函数权重要大于变量。

7.同名函数在提升的情况下，最后的函数生效。

8.return的用法

①return不管写在什么代码体里，只要往外能找到函数就可以生效。

②return只对当前函数生效。

四、数组

1.创建数组的两种方式：

①构造方式——构造===一个函数通过new关键字调用就形成了构造newArray()

②字面量形式：var arr = [ ]

字面量是我们程序员快速书写代码的一种写法，其底层还是调用了构造方式。

2.①基本数据类型是按值存储；引用数据类型是存储的地址。

②引用数据类型耗内存，比较吃内存；

对于特别占内存的值，除了单独的存储方式，为的是复用

③垃圾回收机制，对于基本数据类型使用完就被回收了，引用数据类型除非作用域被销毁，否则就会常驻内存了。

3.数组中的新增元素（索引/下标/游标）

①可以通过修改length长度以及索引号增加数组元素，length属性是可读写。

②通过修改数组索引新增元素

4.数组方法：分两类，一类可以修改原始数组，一类不可以。

四大业务：增加，修改，删除，查找

①添加：push——向数字的末尾添加元素。

unshift——向数组头部添加元素。

②删除元素

delete  数组名[下标]：只能删除值，但是位置还在。

尾部删除：数组.pop()

头部删除：数组.shift()

③修改      ts===typescript

用下标修改

④查找

findIndex：寻找下表

find：寻找元素

⑤合并数组

concat（返回新数组不会修改老数组，属于数据新增）：数组.concat(需合并的数组)

⑥查询

for循环可以实现

内置的查找方法：find（找元素，找不到返回undefined）

findIndex（找下标）

⑦数组反转

reverse（可以修改原始数组）：数组.reverse()

5.push和unshift可以改变原始数组，返回值是最新数组的长度。

6.清空数组：arr.length = 0;    var  arr  =  [ ]

7.pop和shift传参没用用，只能掉一次删一个，它们的返回值是被删除的元素。

8.回调函数：把一个函数作为参数给到另一个函数。

五、变量作用域、预解析和闭包

1.变量作用域：全局变量和局部变量

2.全局变量：在全局作用域下声明的变量叫做全局变量（在函数外部定义的变量）

①全局变量在代码的任何位置都可以使用

②在全局作用域下var声明的变量是全局变量

③特殊情况下，在函数内部使用var声明的变量也是全局变量（不建议使用）

3.局部变量：在局部作用域下声明的变量叫做局部变量（在函数内部定义的变量）

①局部变量只能在函数内部使用

②在函数内部var声明的变量是局部变量

③函数的形参实际上就是局部变量

4.全局变量和局部变量的区别

①全局变量在任何一个地方都可以使用，只有浏览器关闭时才会被销毁，因此比较占内存。

②局部变量只能在函数内部使用，当其所在的代码块被执行时，会被初始化；当函数运行结束后，就会被销毁，因此更节省内存空间。

5.作用域介绍

js的作用于分为全局作用域和局部作用域

①全局作用域：整个script标签或者是一个单独的js文件

②局部作用域（函数作用域）：在函数内部就是局部作用域，只在函数内部起作用。

6.预解析介绍

JavaScript解析器在运行JavaScript代码的时候会分为两步：预解析和代码执行。

①预解析：js引擎就把js里面所有的var还有function提升到当前作用域的最上面。

②代码执行：按照代码书写的顺序从上往下执行。

7.预解析分为变量预解析（变量提升）和函数预解析（函数提升）：

①变量提升就是把所有变量的声明提升到当前作用域的顶部，不提升赋值部分。

②函数提升就是把所有的函数声明提升到当前作用域的顶部，不调用函数。

③函数表达式调用必须写在函数表达式下面。

8.函数自执行

①将函数表达式用小括号括起来后，调用；

②将函数表达式调用后用小括号括起来。

9.函数前面使用“+”等符号是为什么？

为了防止代码压缩后函数和其他的代码拼成一行导致的语法错误，函数不可执行的问题。

10.arguments：表示形参的集合，是伪数组（长得像数组，但是不能使用数组的方法）

11.arguments有只读特性，可以使用length和下标取值。

12.如何将伪数组变为数组？

①for循环可以实现

②ES6的方法：var  arr  =  [...arguments];

13.作用域链就是函数嵌套的时候，内部函数可以访问外部函数的值。

14.闭包：两个函数嵌套，内部函数访问外部函数的一个值，且内部函数需要被return暴露出来，这个过程叫闭包。

15.闭包的特性：使用嵌套函数访问上游变量的时候，这个变量因为特殊的作用域环境，而不能被垃圾回收机制释放，所造成的变量常驻内存，这才是闭包的真正原因。

原文链接：https://www.cnblogs.com/web-ShiWen/p/17336674.html