欢迎来到 wabc.cc 官方网站!

前端javaScript学习第四天

来源:推荐文章 / 时间:2025-12-20

目前在从事前端工作,特别总结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 }

9 // 调用函数

10 // 函数名()

11 fun();

 

1

2

3

 

 

函数声明一次,可以多次调用,函数的执行位置只有调用位置有关和声明位置没有关系。

1 fun();

2 console.log(4);

3 fun();

4 console.log(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的用途就够了,就是传参之后有什么结果,不用去了解函数里面的构造。不论是自己的函数还是用的别人封装好的函数,都只需要知道怎么用就够了。

 

 


相关产品

在线客服
微信联系
客服
扫码加微信(手机同号)
电话咨询
返回顶部