前端javaScript学习第四天

目前在从事前端工作,特别总结javaScript基础知识供大家学习,本人特总结一下使用方法献给目前正在学习web前端的小伙伴们,希望你们在前端领域闯出属于自己的一片天空来,需要sublime软件安装包的或者前端资料的,可以加我创建的前端群 937268047

一、函数
2.1 函数声明
函数就是功能(function)
我们可以自己封装一些语句在函数内部,函数就具有了某一种特定的功能。

声明函数:
function 空格隔开函数名后面紧跟小括号,小括号中可以书写参数,将功能语句书写在大括号中表示整体。

函数声明只是告诉我们函数有什么功能有语句,并不会执行。
1// 声明函数
2function fun() {
3 // 将功能语句书写在大括号中,表示一个整体
4 console.log(1);
5 console.log(2);
6 console.log(3);
7}

2.2 函数调用
函数的声明不会执行,必须调用函数。
调用函数:函数名();
函数是一个整体,调用整个大括号都会执行。
1// 声明函数
2function fun() {
3 // 将功能语句书写在大括号中,表示一个整体
4 console.log(1);
5 console.log(2);
6 console.log(3);
7}
8
9// 调用函数
10// 函数名()
11fun();

1
2
3

函数声明一次,可以多次调用,函数的执行位置只有调用位置有关和声明位置没有关系。
1fun();
2console.log(4);
3fun();
4console.log(5);
5
6// 函数声明一次可以多次调用,执行位置和声明没有关系,和调用有关

1
2
3
4
5

函数优点:函数声明一次可以多次调用,简化代码书写。

2.3 参数
函数可以帮我们封装一些代码,代码可以重复调用,函数留了一个接口,就是我们的参数,可以通过参数的变化让我们的函数发生不同作用。

参数就是变量,命名规则和变量名一样,参数不用声明var
形式参数:函数在声明时,小括号中书写的是形式参数。(行参)
实际参数: 函数在执行时,小括号中书写的是实际参数(实参)
传参:函数调用时,将实际参数赋值给形式参数这个过程,就是传递

js是动态语句,参数的数据类型也是动态变化,取决于实际参数类型。
1function sum(a, b) {
2 // 功能
3 console.log(a + b);
4 console.log(typeof a);
5 console.log(typeof b);
6}

实际参数,和形式参数个数问题。
函数内部有一个类数组对象,arguments保存的是实际参数
1实际参数个数<形式参数个数。优先将实参赋值给前面的形参,没有赋值结果undefined.
1function fun(a,b) {
2 // a,b形参
3 // arguments保存实际参数
4 console.log(arguments);
5 console.log(a);
6 console.log(b);
7}
8// 调用实参少,优先将值赋值给前面的参数,么有赋值undefined
9fun(10);

2 实际参数>形式参数,将多余实际参数直接舍弃
1fun(10,20,111,1,1,2,3,43);

函数的优点2:函数有参数,相当于给我们提供一个API接口,我们可以通过接口去调用函数,执行不同的操作,后面封装函数的时候,只需要了解API的用途就够了,就是传参之后有什么结果,不用去了解函数里面的构造。不论是自己的函数还是用的别人封装好的函数,都只需要知道怎么用就够了。

猜你喜欢

转载自blog.51cto.com/14334627/2409203