今天我要介绍的是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.closefunction openWidow(){window.open('index.heml')}
效果:点击跳转;
跳转后:
定时器:
一次性定时器setTimeout:
<div id ='d1'></div> ==》唯一标识
// 一次性定时器setTimeoutlet 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)// 循环定时器setIntervallet ss = setInterval(function(){d1.innerHTML = new Date().toLocaleString()console.log(parseInt(Math.random(3.14)))},1000);function closeInterval(){clearInterval(ss)}
效果:
注解:可以看到循环定时器呈现的效果看起来就像是 时钟一样,点击关闭按钮就可以停止时间
Math:
内置数学工具库;
// // Mathconsole.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函数定义的知识点内容能对你带来一定的帮助,同时非常感谢各位大佬们的点赞与支持,咱们下一篇不见不散。