JS基础Day4

这是一篇关于JS基础Day4的思维导图，包含函数、类型转换等，干货满满，有需要的朋友赶紧收藏吧！

JS基础Day4

函数

为什么需要函数

函数：function，是被设计为执行特定程序的代码块

说明

函数可以把具有相同或相似逻辑的代码‘包裹’起来，通过函数调用执行这些被包裹的代码逻辑，这样做的优势在于精简代码方便复用

我们之前使用的alert（）、prompt（）都是一些JS函数，只不过已经封装好，我们可以直接使用

函数的使用

函数的声明语法：functio 函数名（）{函数体}

函数名命名规则

和变量命名基本一致

尽量小驼峰式命名法

前缀应该为动词

命名建议：常用动词约定

can：判断是否可执行某个程序

has：判断是否含有某个值

is：判断是否为某个值

get：获取某个值

set：设置某个值

load：加载某些数据

函数的调用语法

函数名（）

注意：声明（定义）的函数必须调用才会被真正执行，使用（）调用函数

函数体

函数体是函数的构成部分，他负责将相应或相似的代码‘包裹’起来，直到函数调用时函数体内部的代码才会被执行。函数的功能代码都要写在函数体当中

函数传参

声明语法：function 函数名（参数列表）{函数体}

调用语法：函数名（传递的参数列表）

function 函数名（形参）{函数体} 函数名（实参）

注：

形参：声明函数名时写在函数名右边的小括号里的叫形参（形式上的参数）

实参：调用函数时写在函数名右边小括号里的叫实参（实际上的参数）

形参可以理解为是在这个函数内声明的变量（比如num1 = 10）实参可以理解为是给这个变量赋值

开发汇总尽量保持形参和实参数量一致

使用的alert（“打印”），parselnt（“11”）本质上都是函数调用的传参

参数默认值

形参：可以看作变量，一个变量不给值，默认为：undefined

如果用户不输入实参，则会出现NaN

可以加以改进，用户不输入实参，可以给形参默认值，可默认为0，这样程序更加严谨

默认值只会在缺少实参参数传递时才会被执行，所以有参数会优先执行传递过来的实参

函数返回值

当函数需要返回数据出去时，用return关键字

语法 return 数据

有返回值的函数

在函数体中使用return关键字能将内部执行结果交给函数外部使用

return后面代码不会在被执行，会立即结束当前函数，所以return后面的数据不能换行协写

return函数可以没有return，这种情况函数默认返回值undefined

优点 ：

函数执行后得到结果，结果是调用者想要拿到的（函数内部不需要输出结果，而是返回结果）

对执行结果的扩展性更高，可以让其他程序使用这个结果

细节补充

两个相同的函数后面的会覆盖前面的

再JS中实参与形参数量可以不一样

如果形参过多，会自动填上undefined

如果实参过多，那么多与得实参会被忽略

函数一旦碰到return就不会往下执行了，函数的结束用return

作用域

通常来说一段代码中所用到的名字并不总是有效可用的，而限定这个名字的可用性的代码范围就是这个民资的作用域

作用域提高了程序逻辑的局部性增加了程序的可靠性，减少了名字冲突

在JS中，有不同的作用域

全局作用域：作用于所有代码执行的环境（整个script标签内部）或者一个独立的js文件

局部作用域：作用于函数内的代码环境，就是局部作用域。因为跟函数有关系，因此也称函数作用域

在JS中，根据作用域的不同，变量可分为

全局变量：全局变量在任何区域都可以访问和修改

局部变量：局部变量只能在当前函数内部访问和修改

变量有一个坑，特殊情况：如果函数内部，变量没有声明，直接赋值，也当全局变量看，但强烈不推荐

变量的访问原则

只要是代码，就至少有一个作用域

写在函数内部的局部作用域

如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域

访问原则：再能够访问到的情况下先局部，局部没有再找全局

匿名函数

没有名字的函数 ，无法直接使用

使用方式

函数表达式

将匿名函数值赋值给一个变量，并且通过变量名称进行调用，称为函数表达式

语法：let fn = function（）{函数体}

立即执行函数

避免全局变量之前的污染

语法1：（function（）{console.log(11)}）（）

语法2：（function（）{console.log（11）}（））

注：

无需调用，立即执行，其实本质已经调用

多个立即执行函数之间用分号隔开

逻辑中断

逻辑运算符里的短路

短路：只存在于&&和||中，当满足一定条件会让右边代码不执行

&&：左边为false就短路

||:左边为true就短路

原因：通过左边能得到整个式子的结果，因此没必要判断右边

运算结果：无论&&还是||，运算结果都是最后被执行的表达式，一般用在变量赋值

类型转换

准换为Boolean型

显示转换

语法：Boolean（内容）

记忆：‘’、0、undefined、null、false、NaN转换为布尔值后都为false，其余则为true

隐式转换

有字符串的加法‘’+1，结果是‘1’

减法-（像大多数运算一样）只能用于数学，他会使空字符串‘’转换为0

null经过数字转换后会变为0

undefined经过数字转换后会变为NaN