前端javaScript学习第四天
目前在从事前端工作,特别总结javaScript基础知识供大家学习,本人特总结一下使用方法献给目前正在学习web前端的小伙伴们,希望你们在前端领域闯出属于自己的一片天空来,需要sublime软件安装包的或者前端资料的,可以加我创建的前端群 937268047
一、函数
2.1 函数声明
函数就是功能(function)
我们可以自己封装一些语句在函数内部,函数就具有了某一种特定的功能。
声明函数:
function 空格隔开函数名后面紧跟小括号,小括号中可以书写参数,将功能语句书写在大括号中表示整体。
函数声明只是告诉我们函数有什么功能有语句,并不会执行。
1 // 声明函数 2 function fun() { 3 // 将功能语句书写在大括号中,表示一个整体 4 console.log(1); 5 console.log(2); 6 console.log(3); 7 } |
2.2 函数调用
函数的声明不会执行,必须调用函数。
调用函数:函数名();
函数是一个整体,调用整个大括号都会执行。
1 // 声明函数 2 function fun() { 3 // 将功能语句书写在大括号中,表示一个整体 4 console.log(1); 5 console.log(2); 6 console.log(3); 7 } 8 9 // 调用函数 10 // 函数名() 11 fun(); |
1
2
3
函数声明一次,可以多次调用,函数的执行位置只有调用位置有关和声明位置没有关系。
1 fun(); 2 console.log(4); 3 fun(); 4 console.log(5); 5 6 // 函数声明一次可以多次调用,执行位置和声明没有关系,和调用有关 |
1
2
3
4
5
函数优点:函数声明一次可以多次调用,简化代码书写。
2.3 参数
函数可以帮我们封装一些代码,代码可以重复调用,函数留了一个接口,就是我们的参数,可以通过参数的变化让我们的函数发生不同作用。
参数就是变量,命名规则和变量名一样,参数不用声明var
形式参数:函数在声明时,小括号中书写的是形式参数。(行参)
实际参数: 函数在执行时,小括号中书写的是实际参数(实参)
传参:函数调用时,将实际参数赋值给形式参数这个过程,就是传递
js是动态语句,参数的数据类型也是动态变化,取决于实际参数类型。
1 function sum(a, b) { 2 // 功能 3 console.log(a + b); 4 console.log(typeof a); 5 console.log(typeof b); 6 } |
实际参数,和形式参数个数问题。
函数内部有一个类数组对象,arguments保存的是实际参数
1实际参数个数<形式参数个数。优先将实参赋值给前面的形参,没有赋值结果undefined.
1 function fun(a,b) { 2 // a,b形参 3 // arguments保存实际参数 4 console.log(arguments); 5 console.log(a); 6 console.log(b); 7 } 8 // 调用实参少,优先将值赋值给前面的参数,么有赋值undefined 9 fun(10); |
2 实际参数>形式参数,将多余实际参数直接舍弃
1 fun(10,20,111,1,1,2,3,43); |
函数的优点2:函数有参数,相当于给我们提供一个API接口,我们可以通过接口去调用函数,执行不同的操作,后面封装函数的时候,只需要了解API的用途就够了,就是传参之后有什么结果,不用去了解函数里面的构造。不论是自己的函数还是用的别人封装好的函数,都只需要知道怎么用就够了。