js学习笔记（函数）

第五次讨论班

函数

函数的定义

function，是被设计为执行特定任务的代码块

函数的优势

函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于精简代码方便复用。

函数的声明语法

function 函数名(){
    函数体
}

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

函数的命名规则

1. 和变量命名基本一致

2. 尽量小驼峰式命名法

3. 前缀应该为动词

4. 命名建议：常用动词约定

函数的调用

函数名()

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

案例：

函数传参

声明语法

function 函数名(参数列表){
    函数体
}

基本概念及书写要求：

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

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

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

4. 开发中尽量保持形参和实参个数一致

5. 我们曾经使用过的 alert(‘打印’), parseInt(‘11’), Number(‘11’) 本质上都是函数调用的传参

注意：

1. 传入数据列表

2. 声明这个函数需要传入几个数据

3. 多个数据用逗号隔开

4. 实参数多于形参数，多余的数据不接收；

   实参数少于形参数，会按默认值进行运算；

参数默认值

形参： 可以看做变量，但是如果一个变量不给值，默认是undefined

如果不输入实参，则出现 undefined + undefined 结果为NaN

函数返回值

当调用某个函数，这个函数会返回一个结果出来，这就是有返回值的函数

return 数据

细节：

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

两种使用方式：

2. return 后面代码不会再被执行，会立即结束当前函数，所以 return 后面的数据不要换行写

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

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

   

案例：

匿名函数

声明方式

function () {}

函数使用方式

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

2. 立即执行函数

   (function(形参位置){})(实参位置);
   (function(形参位置){}(实参位置));
   

   注意： 多个立即执行函数要用 ; 隔开，要不然会报错

作用域

作用域的说明

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

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

作用域的分类

1. 全局作用域

作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。对应有全局变量，全局变量在任何区域都可以访问和修改。

2. 局部作用域

作用于函数内的代码环境，就是局部作用域。 因为跟函数有关系，所以也称为函数作用域。对应有局部变量，局部变量只能在当前函数内部访问和修改。

变量的访问原则

在能够访问到的情况下先局部， 局部没有在找全局（就近原则）

对象

对象的说明

对象（object）：JavaScript里的一种数据类型

可以理解为是一种无序的数据集合， 注意数组是有序的数据集合

用来描述某个事物，例如描述一个人人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能

如果用多个变量保存则比较散，用对象比较统一

对象的使用方式

声明方式

let 对象名={}
let 对象名=new Object()

对象组成

对象由属性和方法组成

let 对象名={
    属性名:属性值,
    方法名:函数
}

属性

1. 属性都是成对出现的，包括属性名和值，它们之间使用英文 : 分隔

2. 多个属性之间使用英文 , 分隔

3. 属性就是依附在对象上的变量（外面是变量，对象内是属性）

4. 属性名可以使用 “” 或 ‘’，一般情况下省略，除非名称遇到特殊符号如空格、中横线等

对象的增删查改

查（两种写法）

增&改

删

delete 对象名.属性

对象中的方法

与对象外函数使用方法基本一致，同样可以传递参数

遍历对象（for in）

1. 一般不用这种方式遍历数组、主要是用来遍历对象

2. for in语法中的 k 是一个变量, 在循环的过程中依次代表对象的属性名

3. 由于 k 是变量, 所以必须使用 [ ] 语法解析

4. 一定记住： k 是获得对象的属性名， 对象名[k] 是获得 属性值

内置对象

JavaScript内部提供的对象，包含各种属性和方法给开发者调用

内置对象—Math

**介绍：**Math对象是JavaScript提供的一个“数学”对象

**作用：**提供了一系列做数学运算的方法

Math对象包含的方法有：

1. random：生成0-1之间的随机数（包含0不包括1）

2. ceil：向上取整

3. floor：向下取整

4. max：找最大数

5. min：找最小数

6. pow：幂运算

7. abs：绝对值

8. Math.random() 随机数函数， 返回一个0 - 1之间，并且包括0不包括1的随机小数 [0, 1）

拓展

术语解释

基本数据类型与引用数据类型

堆栈空间分配区别：

1. 栈（操作系统）：由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈：简单数据类型存放到栈里面

2. 堆（操作系统）：存储复杂类型(对象)，一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。引用数据类型存放到堆里面

引用类型（复杂数据类型）：通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等

引用类型变量（栈空间）里存放的是地址，真正的对象实例存放在堆空间中