JavaScript 函数

JavaScript 函数_第1张图片

1.JavaScript 函数的概念

 函数:封装一段可被重复调用执行的代码块,通过函数可以实现大量代码的重复使用。函数也是

一种引用数据类型。

简单来说函数就是一个容器,可以封装一些代码, 在需要时再执行这些代码。

2.JavaScript 函数的使用

创建函数(常用):

通过 function 关键字声明函数,又叫做 命名函数。

function  函数名()  {

// 函数体代码

}

//  function  是声明函数的关键字,必须小写

//  函数名  命名为动词形式  例:  getSum

通过函数表达式定义函数,又叫做 匿名函数。

let  fun  =  function()  {

// 函数体代码

};

//  fun 是变量名,不是函数名

//  fun 是变量,只不过变量存储的是函数

调用函数:

函数内的代码一般不会自动执行,需要调用这个函数函数名();

函数表达式创建的函数可以通过变量名来调用变量名();

函数的封装:

函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口(函数名)。

//例用封装函数计算 1-100 累加和

function  getSum()  {

let  num  =  0//  准备一个变量,保存累加和

for  (let  i  =  1;  i  <=  100;  i++)  {

num += i; // 把每个数值 都累加到变量中

}

console.log(num);

}

// 调用函数

getSum();

3.JavaScript 函数的参数

形参:函数定义时候,传递的参数 (实参值会传递给形参,相当于不用声明的变量)。

实参:函数调用时候,传递的参数。

// 带参数的函数声明

function  函数名(形参 1,形参 2,形参 3...)  {

//函数体

}

// 带参数的函数调用

函数名(实参 1,实参 2,实参 3...);

函数的返回值:

返回值:函数调用后返回的数据;函数执行完成后可以通过 return 语句将指定数据返回。

// 声明函数

function  函数名()  {

// 函数体

return  需要返回的值;

//  函数遇到 return 会停止执行,并返回指定的值

//  如果函数没有 return  返回的值是 undefined

}

// 调用函数

函数名();  //此时调用函数就可以得到函数体内 return 的值

break,continue,return 的区别:

break: 结束当前的循环体 (如 for、while)

continue: 跳出本次循环 继续执行下次循环

return: 不仅可以终止当前函数体内的代码,还能返回 return 语句后面的值。

你可能感兴趣的:(javascript,开发语言,ecmascript)