JavaScript:函数定义

发布于:2025-04-13 ⋅ 阅读:(23) ⋅ 点赞:(0)

今天我要介绍的是JS中有关于函数定义的知识点内容:JavaScript函数定义;

       介绍:JavaScript 函数定义是编程基础中最核心的语法之一,可以通过多种方式实现代码封装与复用。以下是不同定义方式的特点与代码示。

自定义函数:

        自定义函数返回值问题:1.JS中的函数不需要指定返回类型;2.JS中的函数可以返回任意类型;3.JS中的函数一定会有返回类型(return),如果没有则没存在或者被调用了但找不到(undefined);

return的作用:
         1.用于给函数设置返回值;2.用于中断函数运行:

function add(a,b){
				console.log(a)
				console.log(b)
				// return a+b;
				//  ----
				// return
				//  ----
				if(a==1){
					return;
				}
				console.log(a+b);
			}
			// aad()  --调用函数
			// add(1,2) --调用函数传值
			 let r = add(1,2,3,4,5) // 调用函数传值并返回结果
			 console.log(r)

注解:如果a==1则中断运行,如果为a==2则不执行之后则运行:console.log(a+b); 《==不是意义上的返回结果,而是将结果打印显示。

if(a==1){
                    return;
                }
                console.log(a+b);
            }

效果:

 注:函数参数不需要指定类型,参数定义后可以不传,少传甚至多传。且调用函数的时候不会对参数的个数进行判断

函数类型:

普通函数:

// 普通函数
			function add(a,b){
				console.log(a+b);
			}
			add(1,2)

效果:

匿名函数:

	let nmhs=function(){
				console.log('这是匿名函数')
			}
			nmhs(1,2)

 效果:

箭头函数:

// // 箭头函数
			let jtwc = () =>{
				console.log('这是无参的箭头函数')
			}
			jtwc()
			let jtyc = () =>{
				console.log('这是有参的箭头函数')
			}
			jtyc()

 效果:

 注解:箭头函数中{  = () =>{  }等价于 ==》{  function add(){ }  },在高版本(ES6)中推荐使用箭头函数。

高阶函数: (可理解为官方提供的JS函数);  window.open(新开窗口)/window.close(关闭当前窗口)

<button onclick="openWidow()">点击这里</button> 

         //点击事件:
    // 高级函数:
			// window.open/window.close
			function openWidow(){
				window.open('index.heml')
			}

效果:点击跳转;

跳转后:

定时器:

一次性定时器setTimeout

<div id ='d1'></div> ==》唯一标识
// 一次性定时器setTimeout
			let s = setTimeout(function(){
				// document.write('<h1>hello world</h1>')
				 // d1.textContent = '<h1>hello world</h1>';
				// innerHTML/textContent用于修改元素内容
				d1.innerHTML = '<h1>hello world</h1>';
			},2000)

注解:innerHTML 会完整地将内容显示出来,

效果:

循环定时器setTimeout

<button onclick="closeInterval()">关闭循环定时器</button>
		<script>
			// 清除定时器
			// clearTimeout(s)
			// 循环定时器setInterval
			 let ss = setInterval(function(){
				d1.innerHTML = new Date().toLocaleString()
				console.log(parseInt(Math.random(3.14)))
			},1000);
			
			function closeInterval(){
				clearInterval(ss)
			}

效果:

注解:可以看到循环定时器呈现的效果看起来就像是 时钟一样,点击关闭按钮就可以停止时间

Math:

内置数学工具库;

// // Math
			console.log(Math.ceil(3.14)) //向上取整
			console.log(Math.floor(3.14)) //向下取整
			console.log(Math.round(3.14))  //四舍五入
			console.log(Math.random(3.14)*9)  //随机小数

效果:

注解:放入循环定时器内的随机小数会一直延伸,不会停止,除非刷新或者关闭控制台页面。否则会一直延伸

       总结:JavaScript 函数定义是编程的核心基础之一,对于掌握其中要点是非常需要的。希望本篇有关于JS函数定义的知识点内容能对你带来一定的帮助,同时非常感谢各位大佬们的点赞与支持,咱们下一篇不见不散。