JavaScript—Function

函数（Function）

• 函数也是一个对象，也具有普通对象的功能
• 函数中可以封装一些代码，在需要的时候可以去调用函数来执行这些代码
• 使用typeof检查一个函数时会返回function

创建函数

• 函数声明

　　function 函数名([形参1,形参2...形参N]){

　　　　语句...

　　}

• 函数表达式

　　var 函数名 = function([形参1,形参2...形参N]){

　　　　语句...

　　};

• 调用函数

　　语法：函数对象([实参1,实参2...实参N]);

　　　　fun() sum() alert() Number() parseInt()

 

　　当我们调用函数时，函数中封装的代码会按照编写的顺序执行

 

形参和实参

　　形参：形式参数

• 定义函数时，可以在()中定义一个或多个形参，形参之间使用,隔开。
• 定义形参就相当于在函数内声明了对应的变量但是并不赋值。
• 形参会在调用时才赋值。

　　实参：实际参数

• 调用函数时，可以在()传递实参，传递的实参会赋值给对应的形参。
• 调用函数时JS解析器不会检查实参的类型和个数，可以传递任意数据类型的值。
• 如果实参的数量大于形参，多余实参将不会赋值。
• 如果实参的数量小于形参，则没有对应实参的形参将会赋值undefined。

 

返回值

　　使用return 来设置函数的返回值。

　　语法：return 值;

　　该值就会成为函数的返回值，可以通过一个变量来接收返回值，return后边的代码都不会执行，一旦执行到return语句时，函数将会立刻退出。return后可以跟任意类型的值，可以是基本数据类型，也可以是一个对象。如果return后不跟值，或者是不写return则函数默认返回undefined。

 

作用域

作用域简单来说就是一个变量的作用范围。在JS中作用域分成两种：

　　1.全局作用域

• 直接在script标签中编写的代码都运行在全局作用域中。
• 全局作用域在打开页面时创建，在页面关闭时销毁。
• 全局作用域中有一个全局对象window，window对象由浏览器提供。
• 可以在页面中直接使用，它代表的是整个的浏览器的窗口。
• 在全局作用域中创建的变量都会作为window对象的属性保存。
• 在全局作用域中创建的函数都会作为window对象的方法保存。
• 在全局作用域中创建的变量和函数可以在页面的任意位置访问。
• 在函数作用域中也可以访问到全局作用域的变量。
• 尽量不要在全局中创建变量。

　　2.函数作用域

• 函数作用域是函数执行时创建的作用域，每次调用函数都会创建一个新的函数作用域。
• 函数作用域在函数执行时创建，在函数执行结束时销毁。
• 在函数作用域中创建的变量，不能在全局中访问。
• 当在函数作用域中使用一个变量时，它会先在自身作用域中寻找，如果找到了则直接使用，如果没有找到则到上一级作用域中寻找。

this（上下文对象）
我们每次调用函数时，解析器都会将一个上下文对象作为隐含的参数传递进函数。

使用this来引用上下文对象，根据函数的调用形式不同，this的值也不同。

 this的不同的情况：
1.以函数的形式调用时，this是window。

2.以方法的形式调用时，this是调用方法的对象。

3.以构造函数的形式调用时，this是新建的那个对象。

4.使用call和apply调用时，this是指定的那个对象。

5.在全局作用域中this代表window。

 

构造函数

• 构造函数是专门用来创建对象的函数，一个构造函数我们也可以称为一个类。
• 通过一个构造函数创建的对象，我们称该对象时这个构造函数的实例。
• 通过同一个构造函数创建的对象，我们称为一类对象。
• 构造函数就是一个普通的函数，只是他的调用方式不同，如果直接调用，它就是一个普通函数，如果使用new来调用，则它就是一个构造函数。

例子：

function Person(){

}

 

构造函数的执行流程：

1.创建一个新的对象

2.将新的对象作为函数的上下文对象（this）

3.执行函数中的代码

4.将新建的对象返回