函数分为系统函数(如:alert等)和自定义函数
函数的作用:封装一段重复的代码段(需要时调用)
1.无参函数的定义方法
function 函数名(){封装的代码}
调用函数:函数名()
注:函数的定义有默认提升功能,可以只定义不调用,但不能只调用,不定义
例:在春眠不觉晓,处处闻啼鸟,夜来风雨声,花落知多少,每一行的中间加20个*
<script>
//定义一个无参的函数
function text(){
for(var n=0;n<21;n++){
document.write("*")
}
}
//将诗写出来
document.write("<h1>春眠不觉晓</h1>")
text()//调用函数
document.write("<h1>处处闻啼鸟</h1>")
text()
document.write("<h1>夜来风雨声</h1>")
text()
document.write("<h1>花落知多少</h1>")
text()
</script>
2.有参函数的定义方法:
function 函数名(参数1,参数2····参数n){执行的代码块}
例:在春眠不觉晓,处处闻啼鸟,夜来风雨声,花落知多少。第一行插10*,第二行插20* 第三行插15*
<script>
//定义一个有参的函数,x是形参
function text(x){
for(var n=0;n<x;n++){
console.log("*")
}
}
//将诗写出来
document.write("<h1>春眠不觉晓</h1>")
text(10)//调用函数,10是实际参数
document.write("<h1>处处闻啼鸟</h1>")
text(20)
document.write("<h1>夜来风雨声</h1>")
text(15)
document.write("<h1>花落知多少</h1>")
</script>
3.例:求1-100的和
<script>
function sum(x,y){
var num=0;
for(var n=0;n<=y;n++){
num=num+n
}
console.log(num)
}
sum(1,100)//调用函数
</script>
4.例:求 3个数中的最大值(分支嵌套)
<script>
function max(x,y,z){
if(x>y){
if(x>z){
console.log(x)
}else{
console.log(z)
}
}else{
if(x<y){
if(y>z){
console.log(y)
}else{
console.log(z)
}
}
}
}
max(1,2,3)
</script>
5.用js输出表格的方法:
<script>
//表格用的函数showTable(row行,col列,color 颜色)
//定义一个表格要用的函数
function showTable(row,col,color){
document.write("<table border='1' cellspacing=0 bgcolor="+color+">")//写一个table标签,里面写样式,背景颜色,要用拼接去写
//行的for循环
for(var n=0;n<row;n++){
document.write("<tr>")
//列的for循环
for(var i=0;i<col;i++){
document.write("<td>0713男团</td>")
}
document.write("</tr>")
}
document.write("</table>")
}
showTable(10,5,"purple")//调用函数
</script>
6.函数的作用域
1)若定义在函数之外的变量称之为全局变量,在任何地方都可以使用
<script>
var x=10
function fun (){
console.log(x)
}
fun()
</script>
2)定义在函数内部的变量叫做局部变量,之在函数内部生效,函数运行之后,自动销毁