0
点赞
收藏
分享

微信扫一扫

JavaScript函数的概念和使用


前期整理的JavaScript内容14篇附在文章末尾

一、函数的概念

在 JS 里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。

虽然 for循环语句也能实现一些简单的重复操作,但是比较具有局限性,此时我们就可以使用 JS 中的函数

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

二、函数的使用

函数在使用时分为两步:声明函数和调用函数。

2.1 声明函数

// 声明函数
function 函数名() {
//函数体代码
}

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

由于函数一般是为了实现某个功能才定义的, 所以通常我们将函数名命名为动词,比如 getSum

函数在使用时分为两步:声明函数和调用函数。

2.2 调用函数

// 调用函数
函数名(); // 通过调用函数名来执行函数体代码

调用的时候千万不要忘记添加小括号

口诀:函数不调用,自己不执行。

注意:声明函数本身并不会执行代码,只有调用函数时才会执行函数体代码

2.3 函数的封装

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

简单理解:封装类似于将电脑配件整合组装到机箱中 ( 类似快递打包)

JavaScript函数的概念和使用_开发语言

案例:利用函数计算1-100之间累加和

/* 
计算1-100之间值的函数
*/
// 声明函数
function getSum(){
var sumNum = 0;// 准备一个变量,保存数字和
for (var i = 1; i <= 100; i++) {
sumNum += i;// 把每个数值 都累加 到变量中
}
alert(sumNum);
}
// 调用函数
getSum();

JavaScript的相关学习资料:

  •  ​​认识JavaScript到初体验​​
  • ​​JavaScript 注释以及输入输出语句​​
  • ​​JavaScript变量的使用、语法扩展、命名规范​​
  • ​​JavaScript数据类型简介以及简单的数据类型​​
  • ​​JavaScript获取变量数据类型​​
  • ​​JavaScript 运算符&算数运算符​​
  • ​​JavaScript递增和递减运算符​​
  • ​​JavaScript:比较运算符和逻辑运算符​​
  • ​​JavaScript:赋值运算符以及运算符优先级​​
  • ​​JavaScript 流程控制-实际案例学习if语句​​
  • ​​JavaScript三元表达式&分支流程控制 switch​​
  • ​​JavaScript的for循环学不明白看这篇​​
  • ​​案例方式学习JavaScript双重for循环​​
  • ​​JavaScript遍历数组,附5个案例​​
举报

相关推荐

0 条评论