首页 > 其他分享 >JS课堂笔记(4.17-4.21)

JS课堂笔记(4.17-4.21)

时间:2023-04-23 20:45:40浏览次数:40  
标签:循环体 函数 4.17 作用域 JS 循环 数组 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.闭包的特性:使用嵌套函数访问上游变量的时候,这个变量因为特殊的作用域环境,而不能被垃圾回收机制释放,所造成的变量常驻内存,这才是闭包的真正原因。

标签:循环体,函数,4.17,作用域,JS,循环,数组,4.21,执行
From: https://www.cnblogs.com/web-ShiWen/p/17336674.html

相关文章

  • js循环调用接口,获取每一次接口的值
    vue代码。data数据:list:[{listName:"待办",listNum:0},{listName:"退回",listNum:0},{listName:"已办",listNum:0},{listName:"全部",listNum:0}],methods里面的方法:asyncgetAllData(){this.list......
  • Node.js Event Loop & V8 engine & libuv All In One
    Node.jsEventLoop&V8engine&libuvAllInOne事件循环constcb1=()=>console.log(`1`);constcb2=()=>console.log(`2`);constcb3=()=>console.log(`3`);constcb4=()=>console.log(`4`);constcb5=()=>console.log(......
  • vue转换js文件 require js
    1define和require方式 不同点define用来定义一个模块的,requireconfig文件配置后才行require 加载模块define来定义模块,还是通过require来加载模块究竟什么时候去使用2TaskExcutionToday文件如何转换compoment方式 ......
  • JavaScript分页控件 js 分页
    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content......
  • js format date
    将字符串形式的日期转换成日期对象varstrTime="2011-04-16";//字符串日期格式vardate=newDate(Date.parse(strTime.replace(/-/g,"/")));//转换成Date();varmonth=date.getMonth()+1;//获取当前月份date.getYear();//获取当前年份(2位)da......
  • ASEMI代理ADI亚德诺ADAU1701JSTZ-RL车规级芯片
    编辑-ZADAU1701JSTZ-RL芯片参数:型号:ADAU1701JSTZ-RL模拟电源电压:3.3V数字电源电压:1.8V输入/输出电压:3.3V环境温度:25°C主时钟输入:12.288MHz满刻度模拟输入:3.3V输入阻抗:30kΩ分辨率:24Bits总谐波失真+噪声:-80dB模拟电流:65mA数字电流:40mA储存温度范围:-65~+1......
  • Vue 项目安全扫描漏洞,JS 库版本太低,要求升级 YUI(vue2 升级javascript库)【检测到目标站
    原帖:https://blog.csdn.net/u012961419/article/details/130016341背景公司信安部门对项目进行安全扫描,查出一些漏洞,其中有一项要求升级javascript框架库(如图): 吓得我以为让我把Vue2升级成Vue3。经过一番询问后才知道,是工具包中依赖的YUI是存在安全漏洞的版本。漏洞定......
  • PHP Warning: json_encode(): Invalid UTF-8 sequence in argument
    今天调试代码的时候发现json_encode()报错问题如下描述:问题代码:$requestData=json_encode(array('wechat_group_name'=>$wechat_group_name,'text_message'=>$text_message,//该值是中文一个拼接字符串));能后报错PHPWarning:json_encode():Inv......
  • cnblogs iconfont.js?v=unknown bug All In One
    cnblogsiconfont.js?v=unknownbugAllInOneUncaughtSyntaxError:Unexpectedtoken'<'(aticonfont.js?v=unknown:1:1)demoshttps://i.cnblogs.com/posts/edit;postId=4687706https://www.cnblogs.com/xgqfrms/p/4687706.html#5170738(......
  • nodejs从命令行获取参数
    //添加参数letarr=process.argv;constconfig={src:"",//添加参数};for(leti=2,len=arr.length;i<len;i+=2)config[arr[i].substring(1)]=arr[i+1];constpara=Object.keys(config).find((e)=>{return!config[e];});i......