今天我要介绍的是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函数定义的知识点内容能对你带来一定的帮助,同时非常感谢各位大佬们的点赞与支持,咱们下一篇不见不散。