函数初识
函数就是封装了一段可以被重复执行调用的代码块,其目的就是让大量代码重复使用
函数的使用
函数使用分为两步:声明函数 和 调用函数
1.声明函数
function 函数名(){
//函数体
}
2.调用函数
函数名();
注意:
(1)function是声明函数的关键字,所以要全部小写。
(2)函数是做某件事情,函数名一般是动词 如:sayHi。
(3)函数不调用自己不执行。
(4)在调用函数的时候一定要加小括号。
函数表达式
1.利用函数关键字自定义函数(命名函数)
function fn(){
}
fn();
2.函数表达式(匿名函数)
var 变量名 = function() {}
注意:函数表达式调用必须写在函数表达式下面
构造函数
语法格式:
function 构造函数名() {
this.属性 = 值;
this.方法 = function(){
}
new 构造函数名();
在构造函数时,我们需要使用new关键字+函数名来调用函数 ,在执行代码时,new的作用如下:
- 在内存中创建一个新的空对象。
- 让this指向这个新的空对象。
- 执行构造函数里面的代码,给这个新对象添加属性和方法。
- 返回这个新对象(所以构造函数里面不需要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 |