JavaScript核心与进阶（二）

一、语句（顺序 分支 循环）

②、分支语句

-1-  if 语句-2- -3- 

<1> 单分支  if 语句

<2> 双分支  if else 语句   

<3> 多分支  else if 语句 

if（ 布尔类型）{    }

（）里面的必须为真，才会执行大括号里面的语句

注意： 除了0 所有数字都为真

            除了 ‘  ’所有的字符串都为真

-2- 三元运算符

【数字补0案例】

-3-  switch

【注意】

输入符号时要加引号，加了引号才是字符串，switch要全等才可以

③、循环语句

注意：for 语句中     

等于用单等 ‘ = ’          不等于用‘ ！= ’        大于等于‘ >= ’            小于等于‘ <= ’

if 语句和 switch 语句中必须‘ === ’  ‘ !== ’

-1-  断点调试

<1> 点击sources，再点击文件

<2> 点击哪行，在哪行设置断点，之后重新刷新一下页面（即为哪一行及其以下不执行，以上执行）

再点击一次，取消断点

【示例】

num均为10 （执行到13行）

num均为11（执行到14行）

<3> 跳转下一行

<4> 也可以点加号，输入你想要查看的变量，即可查到所想要的值

-2-  while循环

【案例】

tip：<br>可以实现换行的效果

 

-3-  退出循环

<1> break

<2> continue

注意 ： i 要写在continue的前面，要不然就不会++，一直是3然后陷入死循环

<3> 区别

-4-  for循环

< 无限循环 >

< 遍历数组 >

注意：arr.length 为数组的长度

如果数组中找不到某一元素，则会是undefined，不会报错

< 嵌套循环 >

注意：外面 for 执行一次，里面 for 要执行里面for的所有次

tip： 在js中可以使用html和css的标签将内容包起来，这样就可以在html中设置内容的样式

二、数组 

①、声明数组

注意：数组里面的类型，可以是任何类型，可以同时写多种类型数据在一个数组里面

  

②、数组取值（查）

通过下标来取数组

注意：数组名+.length 可以获取数组的长度

③、数组的遍历

注意：undefined加任何值都是NAN，加undefined也是NAN

但是加字符串的话，就会拼接

这样声明sum，但是不给值，则sum就为undefined

let sum = 0 不可以省略

④、数组修改（重新赋值）

 

⑤、数组添加新数据（新增）

-1-  arr.push（从后面插）

-2-  arr.unshift （从前面插）

【案例1】数组筛选

【案例2】数组去 0

【案例3】弹窗输入数组

⑥、删除数组中的数据

-1-  arr.shift（）    （删除第一个）

-2-  arr.pop（）      （删除最后一个）

-3-  arr.splice（）   （删除指定元素）

【案例】删除第二个元素

注意：

⑦、冒泡排序

⑧、数组排序  数组名.sort（）

注意：.sort（）默认是升序

三、函数

①、函数声明

②、函数命名规范

    

③、函数的调用    函数名+( )

注意：函数不调用，自己不执行

注意：js中，若书写相同的部分，双击某一个，其他所有相同的都会被框选上，如果没有被框选上，则说明书写错误，可以用来检查是否书写错误

④、函数传参

 -1-  形参与实参区别

注意：只要是调用的，括号里面的都是实参（实际参数）

函数里面的是形参

实际上是把实参传给形参

-2-   当用户不输入参数时

 -3-  有参数时，先执行参数，没有参数时，才会使用形参默认值

-4-  传入参数是数组时

注意：函数名（  【1,2,4,6,7】）这样子传数组数据进函数

若没有传入实参，并且声明函数时没有定义为数组，则输出时就会报错

应该在声明函数时，定义数组为空数组，这样要是不传入实参，也不会报错

-5-  实参可以是变量

下图就是将 num1传给 n，将 num2传给 m

代码先执行let num1,2, ；然后在执行getSum函数

⑤、函数返回值

-1-  定义与语法

-2-  注意

<1>  有些函数没有返回值，比如 alert

 

<2>  函数返回值，返回给了调用者

return 20 相当于把20给了调用者 即 函数名 fn( )

或者这样写，来打印返回值

注意：fn 后面的小括号不能省略

<3>  想要结束函数用return   return 后面的代码不执行

所以return 的最佳位置是函数最后

<4>  return 和数据不能换行写

换行写，就不执行return下面一行的代码了

<5> 并不是所有函数都需要return ，没有return 时，默认返回值是undefined

-3-  当返回多个值时，用数组

return 【】中间用逗号连接

-4-  输出打印时，也用数组形式访问

-5-  函数名相同，后面覆盖前面

-6-  参数不匹配

<1>  实参多于形参  剩余的实参不参与运算

结果是1+2 = 3  ；1 给 a ，2 给 b ，数据3没人接

<2>  实参少于形参  多于形参自动变为undefined 结果是 NAN

-7-  return 与 break 区别

return 结束函数

break 结束循环和switch

-8-  函数里面的断点调试

F10 看不到函数里面的过程， F11 可以

⑥、作用域

全局部变量与局部变量区别

局部变量（函数内部的）

tip：若函数内部变量没有声明，直接赋值，也当全局变量看，但是强烈不推荐

这个函数里面的 num 是局部变量

函数里面的 num 被当做全局变量了

tip：形参可以看作是局部变量

好啦！这一周的分享就到这里啦！大家下去记得要练习哦！！！

我们下周同一时间同一地点不见不散！！！