JS课堂笔记(4.17-4.21)

  • JS课堂笔记(4.17-4.21)已关闭评论
  • 235 次浏览
  • A+
所属分类:Web前端
摘要

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


一、循环

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