js基础知识点

JavaScript 第四天
函数
为什么需要函数
函数：
function，是被设计为执行特定任务的代码块
说明：
函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势
是有利于精简代码方便复用。

小结:

1. 为什么需要函数？
   可以实现代码复用，提高开发效率
2. 函数是什么？
   function执行特定任务的代码块

函数使用
函数的声明语法
function 函数名 () {
函数体
}
例
function sayHi () {
document.write(‘hai~~~’)
}

函数名命名规范
和变量命名基本一致
尽量小驼峰式命名法
前缀应该为动词
命名建议：常用动词约定

函数的调用语法:
函数名()
注意：声明（定义）的函数必须调用才会真正被执行，使用 () 调用函数
例:
sayHi ()
sayHi ()
我们曾经使用的 alert() , parseInt() 这种名字后面跟小括号的本质都是函数的调用

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

小结:

1. 函数是用那个关键字声明的？
   function
2. 函数不调用会执行吗？如何调用函数？
   函数不调用自己不执行
   调用方式: 函数名()
3. 函数的复用代码和循环重复代码有什么不同？
   循环代码写完即执行，不能很方便控制执行位置
   随时调用，随时执行，可重复调用

函数传参
若函数完成功能需要调用者传入数据，那么就需要用有参数的函数
这样可以极大提高函数的灵活性

声明语法
function 函数名 (参数列表) {
函数体
}
例
单个参数
function getSquare (num1) {
document.write(num1 * num1)

}
多个参数
function getSquare (num1,num2) {
document.write(num1 + num2)

}

参数列表
传入数据列表
声明这个函数需要传入几个数据
多个数据用逗号隔开

有参数的函数声明和调用
调用语法
函数名(传递的参数列表)
例
getSquare (8)
getSquare (10,20)
调用函数时，需要传入几个数据就写几个，用逗号隔开

形参和实参
形参：声明函数时写在函数名右边小括号里的叫形参（形式上的参数）
实参：调用函数时写在函数名右边小括号里的叫实参（实际上的参数）
形参可以理解为是在这个函数内声明的变量（比如 num1 = 10）实参可以理解为是给这个变量赋值
开发中尽量保持形参和实参个数一致
我们曾经使用过的 alert(‘打印’), parseInt(‘11’), Number(‘11’) 本质上都是函数调用的传参

小结:

1. 函数传递参数的好处是？
   可以极大的提高了函数的灵活性
2. 函数参数可以分为那两类？怎么判断他们是那种参数？
   函数可以分为形参和实参
   函数声明时，小括号里面的是形参，形式上的参数
   函数调用时，小括号里面的是实参，实际的参数
   尽量保持形参和实参的个数一致
3. 参数中间用什么符号隔开？
   逗号

合理利用逻辑中断
形参如果不被赋值，就是undefined
function getSum (x,y) {
x = x || 0
y = y || 0
console.log(x + y)
}
getSum (1,2)

函数返回值
提问：是什么是函数？
函数是被设计为执行特定任务的代码块
缺点：把计算后的结果处理方式写死了，内部处理了
解决：把处理结果返回给调用者
有返回值函数的概念：
当调用某个函数，这个函数会返回一个结果出来
这就是有返回值的函数
提问：执行完特定任务之后，然后呢？
把任务的结果给我们

其实我们前面已经接触了很多的函数具备返回值：
只是这些函数是JS底层内置的.我们直接就可以使用
当然有些函数，则没有返回值
所以要根据需求，来设定需不需要返回值

用return返回数据
当函数需要返回数据出去时，用return关键字
语法:
return 数据 return 20
怎么使用呢？
function getSum (x,y) {
return x + y
}
let num = getSum (1,2)
document.write(num)

用return返回数据
细节：
在函数体中使用 return 关键字能将内部的执行结果交给函数外部使用
函数内部只能出现 1 次 return，并且 return 后面代码不会再被执行，所以 return 后面的数据不要换行写
return会立即结束当前函数
函数可以没有 return，这种情况函数默认返回值为 undefined

1. 为什么要让函数有返回值
   函数执行后得到结果，结果是调用者想要拿到的（一句话，函数内部不需要
   输出结果，而是返回结果）
   对执行结果的扩展性更高,可以让其他的程序使用这个结果
2. 函数有返回值用那个关键字？ 有什么注意事项呢？
   语法：return 数据
   return后面不接数据或者函数内不写return，函数的返回值是undefined
   return能立即结束当前函数, 所以 return 后面的数据不要换行写

作用域
通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这
个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。

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

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

块级作用域
{} 内有效
全局有效 局部有效 {} 内有效
块作用域由 { } 包括,if语
句和for语句里面的{ }等

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

全局变量
函数外部let 的变量
全局变量在任何区域都
可以访问和修改

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

块级变量
{} 内部的let变量
let定义的变量,只能在
块作用域里访问,不能跨
块访问,也不能跨函数访
问

变量有一个坑， 特殊情况：
如果函数内部或者块级作用域内部，变量没有声明，直接赋值，也当全局变量看，但是强烈不推荐
但是有一种情况，函数内部的形参可以看做是局部变量。

1. JS 中作用域分为哪三种？
   全局作用域。函数外部或者整个script 有效
   局部作用域。也称为函数作用域，函数内部有效
   块级作用域。 { } 内有效
2. 根据作用域不同，变量分为哪三种？
   全局变量
   局部变量
   块级变量
3. 有一种特殊情况是全局变量是那种？我们提倡吗？
   局部变量或者块级变量 没有let 声明直接赋值的当全局变量看
   我们强烈不提倡
   还有一种特殊情况，函数内部的形参可以当做局部变量看

变量访问原则-作用域链
只要是代码，就至少有一个作用域
写在函数内部的局部作用域
如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域
根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访
问，就称作作用域链

1. 变量访问原则是什么？
   作用域链：采取就近原则的方式来查找变量最终的值

匿名函数
函数可以分为：
具名函数 声明：function fn() {} 调用：fn()
匿名函数function() {}

将匿名函数赋值给一个变量，并且通过变量名称进行调用 我们将这个称为函数表达式
其中函数的形参和实参使用跟具名函数一致

立即执行函数
场景介绍: 避免全局变量之间的污染
语法：
(function () { console.log (11) }) ();
(function () { console.log (11) } ())
注意： 多个立即执行函数要用 ; 隔开，要不然会报错

1. 立即执行函数有什么作用？
   防止变量污染
2. 立即执行函数需要调用吗？ 有什么注意事项呢？
   无需调用，立即执行，其实本质已经调用了
   多个立即执行函数之间用分号隔开