第24天:js-函数变量声明提升

简介: 一、函数声明1、自定义函数function fun1(){ alert("我是自定义函数");}fun2();//函数不调用,自己不执行2、直接量声明var fun2=function(){ alert("直接量声明");}fun2();3、利用Function关键字声明var fun3=new Function("var a=10;b=20;alert(a+b)");fun3();二、变量声明提升如果在一个函数体内部声明了一个变量,不管这个变量函数外部有没有,先执行函数内部的变量,会将变量声明提升到函数开始部分,但是不会赋值。

一、函数声明
1、自定义函数
function fun1(){
alert("我是自定义函数");
}
fun2();//函数不调用,自己不执行
2、直接量声明
var fun2=function(){
alert("直接量声明");
}
fun2();
3、利用Function关键字声明
var fun3=new Function("var a=10;b=20;alert(a+b)");
fun3();

二、变量声明提升
如果在一个函数体内部声明了一个变量,不管这个变量函数外部有没有,先执行函数内部的变量,会将变量声明提升到函数开始部分,但是不会赋值。
在函数体内部声明变量,会把该声明提升到函数体的最顶端。但是只提升变量声明,不赋值。
var num=10;
fun1();
function fun1(){
console.log(num);
var num=20;//变量提升
}//undefined
相当于
var num=10;
fun1();
function fun1(){
var num;
console.log(num);
num=20;
}

三、函数传参

函数实参个数要与形参个数相同,arguments.length可以获取函数实参的个数

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script>
 7         /*变量提升*/
 8         /*window.onload=function(){
 9             var num=10;
10             fun1();
11             function fun1(){
12                 console.log(num);
13                 var num=20;//变量提升
14             }
15         }//结果:undefined*/
16 
17         /*var a=18;
18         f1();
19         function f1(){
20             var b=9;
21             console.log(a);
22             console.log(b);
23             var a='123';
24         }//undefined,9
25         */
26         /*函数传参*/
27         /*function f1(a,b){
28             console.log(a+b);
29         }
30         f1(1,2);//3
31         f1(5);//NaN*/
32 
33         /*检测函数参数个数匹配*/
34         function fn(a,b){
35             console.log(fn.length);//获取函数形参的个数
36             console.log(arguments.length);//得到的是实参的个数
37             if(fn.length==arguments.length){
38                 console.log(a+b);
39             }else{
40                 console.log("对不起,您的参数不匹配,正确的参数个数为:"+fn.length);
41             }
42         }
43         fn(5,3);//2,2,8
44         fn(2,3,4)//2,3,"对不起..."
45 
46 
47     </script>
48 </head>
49 <body>
50 
51 </body>
52 </html>

 

相关文章
|
22天前
|
JavaScript
变量和函数提升(js的问题)
变量和函数提升(js的问题)
|
22天前
|
JavaScript
常见函数的4种类型(js的问题)
常见函数的4种类型(js的问题)
11 0
|
23天前
|
JavaScript
写一个函数将N组<>(包含开始和结束),进行组合,并输出组合结果 (js)
写一个函数将N组<>(包含开始和结束),进行组合,并输出组合结果 (js)
9 0
|
1月前
|
自然语言处理 JavaScript 网络架构
js开发:请解释什么是ES6的箭头函数,以及它与传统函数的区别。
ES6的箭头函数以`=&gt;`定义,简化了函数写法,具有简洁语法和词法作用域的`this`。它无`arguments`对象,不能用作构造函数,不支持`Generator`,且不改变`this`、`super`、`new.target`绑定。适用于简短表达式,常用于异步编程和高阶函数。
18 5
|
1月前
|
JavaScript 前端开发 网络架构
JavaScript 谈谈对箭头函数的理解及其与普通函数的区别。
JavaScript 谈谈对箭头函数的理解及其与普通函数的区别。
18 1
|
1月前
|
前端开发 JavaScript 数据处理
在JavaScript中,什么是异步函数执行的例子
在JavaScript中,什么是异步函数执行的例子
10 0
|
1月前
|
JavaScript
JS封装节流函数
JS封装节流函数
15 0
|
1月前
|
JavaScript 前端开发
javascript箭头函数
javascript箭头函数
|
1月前
|
JavaScript 小程序
微信小程序 wxml 中使用 js函数
微信小程序 wxml 中使用 js函数
75 0
|
1月前
|
JavaScript 前端开发
JavaScript函数科里化
JavaScript函数科里化