js函数与作用域,了解函数基本概念

时间:2024-06-10 08:06:19

通过js基础语法了解到js的值包含数字,字符串和布尔值;js运算符分为算数,赋值,比较和逻辑运算符;js的流程控制包含条件判断if,switch选择;循环for while;下面js的函数及作用域,学习掌握知识点:1.函数是什么?形参和实参2.函数里面的arguments3.作用域和预解析4.闭包和立即执行实例解析。什么是函数?简单来说是为了提高代码的复用性,写一遍可以多次使用,把特定的功能语句打包放在一起称之为函数。

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js函数与作用域,了解函数基本概念</title>
<script>
// var time=7;
// for(var a=1;a<=10;a++)
// {
// console.log(a+'早上7点对自己说10遍加油')
// }
// var time=12;
// for(var a=1;a<=10;a++)
// {
// console.log(a+'中午12点对自己说10遍加油')
// }
// var time=23;
// for(var a=1;a<=10;a++)
// {
// console.log(a+'晚上23点对自己说10遍加油')
// }
// ==========================================================================
// 函数 function 名字(0,1也是可以的 多个参数){
// 执行的语句
// }
// function myshelf()
// {
// for(var a=1;a<=10;a++)
// {
// console.log(a+'好好学习,天天向上')
// }
// }
// var time=7;
// myshelf(); // var time=12;
// myshelf(); // var time=23;
// myshelf(); // var time=7;
// myshelf();
// var myshelf_time=myshelf;
// myshelf_time();
// ==========================================================================
// 函数 function 名字(0,1也是可以的 多个参数){
// 执行的语句
// } // function myshelf(num)
// {//num 形参 形式参数
// for(var a=1;a<=num;a++)
// {
// console.log(a+'好好学习,天天向上')
// }
// }
// var time=7
// myshelf(10) //实参 实际参数 // function myshelf(num,time)
// {//time 如果未定义就是undefined
// for(var a=1;a<=num;a++)
// {
// console.log(time+'点第'+a+'遍'+'好好学习,天天向上');
// }
// }
// var time=7;
// myshelf(10,time) ; // var time=12;
// myshelf(5);//执行结果:undefined点第5遍好好学习,天天向上 // var time=12;
// myshelf(5,time);//执行结果:undefined点第5遍好好学习,天天向上
// ==========================================================================
function myshelf(num,time)
{//time=>undefined;默认值为7
//var num=10;参数放在里面相当于变量,没办法一一呼应
if(time==undefined)
{
time=7;
}
for(var a=1;a<=num;a++)
{
console.log(time+'点第'+a+'遍'+'好好学习,天天向上');
}
}
// var time=7;
// myshelf(10) ; var time=7;
myshelf(10,12) ;// var time=12;
// ==========================================================================
//函数的另外一个功能return返回值
function add(x,y){//加法
var z=x+y;
return z;
}
//var z=x+y;
//return z; // var rs=z;//add(1,2) var rs=add(1,2);
console.log('1+2='+rs); var rs=add(3,4);
console.log('3+4='+rs);
//注释:定义一个方法,想要x,y做加法,不论传进来什么值,都可以得出一个数字,可是我不想每次都写x+y,对应的z=x+y,怎么办了?外面有一个add(1,2)要做加法,怎么获取它的值?这里就需要用到return返回值,返回的结果z怎么接收?定义变量rs=add(1,2),也就相当于rs=z,里面的代码拿到外面话就是var x+y=z;reurn z;下面通过var rs=add(1,2)与var rs=add(3,4)的值console.log打印说明
</script>
</head>
<body>
</body>
</html>

参数小结:形参如果放在里面没办法传进来,实参设计好,通过function=>有一个形参没有写的话,结果显示underfined未定义,里面的参数就是变量,形参写在里面,没办法和外面一 一呼应传进来,为了一 一呼应,写在外面(num,time)这里叫形参,形参就是形式上的参数,实际上就是一个定义变量;在下面就可以用实际代码执行,具体调用,把外面的实参定义好,用方法名()将对应参数传进来,设计好,有的话,一 一呼应,传进来后,实现代码复用的最基本功能。

函数另外一个功能return返回值,如果没有它,上面代码最后展示1+2=undefined;3+4=undefined