函数初识

函数就是封装了一段可以被重复执行调用的代码块,其目的就是让大量代码重复使用

函数的使用

函数使用分为两步:声明函数 和 调用函数

1.声明函数

function 函数名(){
    //函数体
}

2.调用函数

函数名();

注意:

(1)function是声明函数的关键字,所以要全部小写。

(2)函数是做某件事情,函数名一般是动词  如:sayHi。

(3)函数不调用自己不执行。

(4)在调用函数的时候一定要加小括号。

函数表达式

1.利用函数关键字自定义函数(命名函数)

function fn(){

}
fn();

2.函数表达式(匿名函数)

var 变量名 = function() {}

注意:函数表达式调用必须写在函数表达式下面

构造函数

语法格式:

function 构造函数名() {
    this.属性 = 值;
    this.方法 = function(){
}
new 构造函数名();

在构造函数时,我们需要使用new关键字+函数名来调用函数 ,在执行代码时,new的作用如下:

  1. 在内存中创建一个新的空对象。
  2. 让this指向这个新的空对象。
  3. 执行构造函数里面的代码,给这个新对象添加属性和方法。
  4. 返回这个新对象(所以构造函数里面不需要return)。
function Star(uname, age, sex){
    this.name = uname;
    this.age = age;
    this.sex = sex;
}
var yyqx = new Star('易烊千玺', '22', '男');

注意:1.构造函数名字首字母要大写。

           2.我们构造函数不需要return 就可以返回结果。

           3.我们调用构造函数,必须使用new。

           4.我们只需要 new Star() 调用函数就可以创建一个对象 yyqx{}。

           5.在添加属性和方法前面必须要加 this。

函数调用方法小结

1. 普通函数: fn()。

2.对象的函数:对象.函数名()。

3.构造函数:new.函数名()。

4.绑定事件函数:触发绑定事件进行调用。

5.定时器函数:到达定时器时间会调用一次。

6.立即执行函数:自动调用。


参数

形参,而在调用该函数时,同样也需要传递相应的参数,这些参数被称为实参。

参数

说明

形参

形式上的参数 函数定义的时候 传递的参数 当前并不知道是什么

实参

实际上的参数 函数调用的时候传递的参数 实参是传递给形参的

参数的作用:在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去。

函数形参和实参个数不匹配的问题

参数个数

说明

实参个数等于形参个数

输出正确结果

实参个数多于形参个数

只取到形参的个数

实参个数少于形参个数

多的形参定义为undefined,结果为NaN