函数声明与函数表达式、声明的提前、arguments、“重载”、立即执行函数表达式
1. 函数声明和函数表达式有什么区别
函数声明:
fn(); //调用函数,abc
function fn(){ //函数声明
console.log("abc");
}
使用函数声明时,函数声明会提前,函数声明和函数体均提前了。所以在使用函数声明时,调用函数可以放在任意位置。
函数表达式
fn(); //调用函数,fn is not a function
var fn = function(){ //函数表达式
console.log("abc");
}
函数表达式使用了var
,变量声明语句会被提前到函数的顶部。但是,变量初始化的操作还是在原来var
语句的位置执行。
函数表达式就是把函数定义的方式写成表达式的方式,就是把一个函数对象赋值给一个变量。
使用var
时,变量声明提前,但是将函数对象赋值给这个变量时,依旧在原来使用var
的位置赋值。在赋值之前该变量的值是undefined
。
所以在使用函数表达式时,调用函数必须放在函数表达式之后。
2. 什么是变量的声明前置?什么是函数的声明前置
使用var
声明,会使声明进行提前,但是赋值过程依旧是在使用var的原位置进行赋值。
函数声明时,函数声明与函数体都将前置。
如下代码:
console.log(a); //undefined
var a = 3;
console.log(a); //3
sayHello();
function sayHello(){
console.log('hello');
}
console.log(fn); //undefined
fn(); //报错
var fn = function(){}
上面的代码在实际操作中,浏览器是如下解析的:
var a;//undefined
function sayHello(){
console.log('hello');
}
var fn;//undefined
console.log(a);//undefined
var a = 3;//原位置进行赋值
console.log(a);//3
sayHellos();//hello
console.log(fn);//undefined
fn();//报错,fn is not a function
var fn = function(){};//原位置进行赋值
3. arguments 是什么
ES函数不介意传递多少个参数,也不在乎传进来的参数是什么数据类型。原因是ES中的参数在内部是用一个数组来表示的。
在函数体内可以通过arguments
对象来访问这个函数的参数数组,从而获取传递给函数的每一个参数。
arguments
对象只是与数组类似,arguments
可以使用方括号语法访问它的每一个元素(如arguments[0]
),使用length
属性来确定传递进来多少个参数。
所以函数也可以像这样写:
function fn(){
if (arguments.length == 1){
console.log(" just " +arguments[0])
}else{
console.log(arguments[0] + " and " + arguments[1])
}}
fn(5);//just 5
fn(5,4);//5 and 4
function fn2(){
console.log(arguments[0] + " and " + arguments[1] + " and " + arguments[2])
}
fn2(2,3);// 2 and 3 and undefined
在函数中,命名参数可以与arguments对象一起使用。而且arguments的值永远与对应命名参数的值保持同步。
function fn(num1,num2){
arguments[1] = 10;
console.log(arguments[0]+num2);
}
fn(10,0);//20
4. 函数的"重载"怎样实现
可以使用在函数中使用if语句进行条件筛选,也可以使用arguments对象进行“重载”。
function printPeopleInfo(name, age, sex){
if(name){
console.log(name);
}
if(age){
console.log(age);
}
if(sex){
console.log(sex);
} }
printPeopleInfo('Byron', 26);//Byron 26
printPeopleInfo('Byron', 26, 'male');//Byron 26 male
function fn(){
if (arguments.length == 1){
console.log(" just " +arguments[0])
}else{
console.log(arguments[0] + " and " + arguments[1])
}}
fn(5);//just 5
fn(5,4);//5 and 4
5. 立即执行函数表达式是什么?有什么作用
立即执行函数表达式有几种方法:
//1
(function(){
console.log("abc");
})()
//2
[function fn(){}]()
//3
1,function fn2(){}()
立即执行函数表达式可以隔离作用域,使得全局变量不被污染。
6. 求n!,用递归来实现
function fn(x) {
if(x === 1||x===0) {
return 1
}
return x * fn(x-1)
}