JS函数

Posted 2021-10-30 yslf

一.函数概念
　　函数是将一些代码进行封装, 之后再需要的地方直接使用函数的名称进行调用,解决了重复的代码.
　　html 代码解释, 是从上到下的顺序执行的

JS中函数的声明方式:
function 函数名(参数,参数...){
　　//js代码
　　[return 返回的数据]
}

和Java 方法不一样的地方
　　1.js 需要使用function进行声明
　　2.在声明方法的时候没有定义返回值
　　3.参数没有指定类型, 而是直接给出参数名称
　　4.返回值可有可无 (根据需求)

Demo: 声明函数
　　和Java一样需要调用,可以在其他文件中调用库(funlib.js)中的函数
　　多个 js 文件中的函数和变量是可以互相调用和引用的,
　　所有 js 文件都要导入同一个html 页面或者 jsp 页面
1.创建 funlib.js 函数库

 1 //函数库
 2 //计算两个数的和的函数
 3 function addSum(a,b){
 4     //在控制台输出计算的结果
 5     console.log("计算的结果是: "+(a+b));
 6 }
 7 //计算矩形面积
 8 function squareArea(len,wid){
 9     console.log("矩形面积是: "+(len*wid));
10 }
11 //计算三角形面积的函数 
12 function traingleArea(base,height) {
13     console.log("三角形面积是: "+(base*height/2));
14 }

2.创建 index.js 调用含书库

 1 addSum(10,20);

2 squareArea(10,10);

3 traingleArea(10,20); 

3.导入html页面

<script src="funlib.js"></script>
<script src="index.js"></script>

 

二.隐式转换
　　在 js 的流程控制语句或者是循环判断的条件会对数据进行隐式转换
　　如: 在if 中判断条件是0, 将转换为false, 将不是0的数字转换为true
　　　　非空字符串转换为true, 空字符转转换为 false