JS函数的概念：

最新推荐文章于 2022-07-22 15:46:17 发布

慕北丶

最新推荐文章于 2022-07-22 15:46:17 发布

阅读量321

点赞数

分类专栏： JavaScript 前端

本文链接：https://blog.csdn.net/qq_42539533/article/details/88649115

版权

JavaScript 同时被 2 个专栏收录

54 篇文章 1 订阅

订阅专栏

前端

54 篇文章 0 订阅

订阅专栏

JS函数目录

一.函数的概念：
- - 1.JS中函数的声明方式：
  - 2.调用函数库中的函数

一.函数的概念：

JS中有一些基本的语法，比如循环，流程控制语句等等和Java的形式是一样的，我们可以直接使用

在Java中有方法的概念，方法是完成一定功能的代码封装，之后在需要的地方进行调用，但是JS中没有方法的概念，而是函数，函数其实也是将一些代码进行封装，之后在需要的地方直接使用函数的名称调用即可，解决了重复的代码

1.JS中函数的声明方式：

function 函数名(参数，参数){
	// JS代码
	return 返回的数据;
}

和Java的方法声明进行对比可以发现不同的地方：

1.JS需要使用function进行申明
2.在声明方法的时候没有定义返回值
3.参数没有指定类型，而是直接给出参数名称
4.返回值可以没有

//计算两树之和的函数
function addSum(a,b){
	//在控制台输出计算的结果
	console.log("计算的结果是："+(a+b));	
}
//计算矩形的面积
function squareArea(len,wid){
	console.log("矩形的面积是："+(len*wid));
}
//计算三角形的面积的函数
function traingleArea(base,height){
	console.log("三角形的面积："+(base*height/2));
}

以上定义了函数，但是函数和Java中的方法一样需要调用，可以在其他JS文件中调用（funlib.js）中的函数（多个JS文件中的函数和变量是可以互相调用和引用的），本次是在index.js文件中调用funlib.js中定义的函数，这很像Java中类之间的方法是可以互相调用的，JavaScript中的JS文件要实现函数的互相调用也需要在HTML中导入你要调用的函数所在的JS文件才能调用

2.调用函数库中的函数

调用函数库中的函数（在index.js中定义）

    <head>
		<meta charset="UTF-8">
		<title>浏览器标题栏</title>
		<!--引用外部样式CSS-->
		<link rel="stylesheet" href="../css/index.css">
		<!--导入外部的js文件-->
		<script src="../js/funlib.js"></script>
		<script src="../js/index.js"></script>
	</head>

//在当前的js文件中调用函数库中的函数
addSum(10,20);
squareArea(10,20);
traingleArea(10,20);

在这里插入图片描述
此时表示函数以及调用成功

//在当前的js文件中调用函数库中的函数
var sum = addSum(10,20);
alert(sum);

在这里插入图片描述
此时发现调用了方法，但是没有取得返回值，原因是所调用的方法根本没有定义返回值

为方法定义返回值：

function addSum(a,b){
	//在控制台输出计算的结果
	console.log("计算的结果是："+(a+b));	
	return (a+b);
}

在这里插入图片描述
此时如果需要返回值则可以在方法中使用return进行返回

HTML代码解析执行的时候是按照从上到下的顺序执行，所以被调用的JS永远放到前面

慕北丶

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS函数的概念：

JS函数目录一.函数的概念：1.JS中函数的声明方式：2.调用函数库中的函数一.函数的概念：JS中有一些基本的语法，比如循环，流程控制语句等等和Java的形式是一样的，我们可以直接使用在Java中有方法的概念，方法是完成一定功能的代码封装，之后在需要的地方进行调用，但是JS中没有方法的概念，而是函数，函数其实也是将一些代码进行封装，之后在需要的地方直接使用函数的名称调用即可，解决了重复的代码...
复制链接

扫一扫