函数

• 函数声明和函数表达式有什么区别 （*）

函数声明
function 函数名称 (参数：可选){ 函数体 }

函数表达式
function 函数名称（可选）(参数：可选){ 函数体 }

1:函数声明必须带有函数名称 函数表达式函数名可选//函数表达式右边也有一个函数名的话 <ie9可能会有问题

2:调用时候的顺序有区别
函数声明

alert(sum(1,2))//3
function sum(argument1,argument2) {
return  argument1+argument2;
}
/*function声明会提升 等价于下面*/

function sum(argument1,argument2) {
return  argument1+argument2;
}
alert(sum(1,2))//3

函数表达式

var sum = function (argument1,argument2) {
  return    argument1+argument2;
}
alert(sum(1,2))//3

alert(sum(1,2))//sum is not a function  报错
var sum = function (argument1,argument2) {
  return    argument1+argument2;
}

---

• 什么是变量的声明前置？什么是函数的声明前置 （**）

变量声明前置

JavaScript引擎在执行的时候，会把所有变量的声明都提升到当前作用域的最前面。

var words="hello"
!function console() {
    alert(words)    //undefined
    var words;
}();
/*等价于下面的*/
var words="hello"
!function console() {
    var words;
    alert(words)     //undefined
}();

函数声明前置

fun1();
alert("1")
function fun1() {
alert("2")
}
/*先输出2再输出1  等价于下面*/
function fun1(){
alert("2");
}
fun1();
alert("1")

• arguments 是什么 （*）
  传入函数的实际参数.

function fun1(a,b,c) {
    console.log (fun1.length)
    console.log (fun1.arguments)
}
fun1(1,2,3,4,5);

Paste_Image.png

• 函数的重载怎样实现 （**）

function fun1() {
    if (arguments.length==1) {
        alert("传入一个参数")
    }
    else if (arguments.length==2) {
        alert("传入两个参数")
    }
    else{"参数>=3"}
}
fun1(1,2);

• 立即执行函数表达式是什么？有什么作用 （***）

var a="这是全局变量a",
      b="这是全局变量b"
!function () {
    var a="这是局部变量a";
    console.log (a);
    console.log (b);
}();
!function () {
    var b="这是局部变量b";
    console.log (a);
    console.log (b);
}();
    console.log(a);
    console.log(b);

Paste_Image.png

这样的写法和函数声明最大的区别就是不存在函数名重叠，如果发生函数名重叠后定义的函数名会重新定义前一个相同名的函数

如同以下例子

var a="这是全局变量a",
    b="这是全局变量b";

function function_name1(argument) {
    var a="这是局部变量a";
    console.log(a)
    console.log(b)
}
function function_name1(argument) {
    var b="这是局部变量b"
    console.log(a)
    console.log(b)
}

function_name1();
function_name1();
console.log (a)
console.log (b)

Paste_Image.png

• 什么是函数的作用域链 （****）

函数作用域

    var a="这是全局变量a";
    !function () {
        var a="这是局部变量a";
        console.log(a)      //这是局部变量a
        !function () {
            console.log(a)//这是局部变量a
        }();
    }();
    console.log(a)    //这是全局变量a

函数有自己的一个作用域 函数外部无法访问到函数内部的变量

!function () {
    !function(argument) {
    var a=1;
    }();
    alert(a)  //报错
}();

函数内部可以访问到函数外部的变量

var a=2;
!function () {
    var a=1;
    !function(argument) {
    alert(a)  //1
    }();
}();

在当前函数中没有找到变量的话会到上一级找再找不到再到上一级找 直至到全局变量

我们也可以闭包来实现用函数外部来访问函数内部的变量 （延长作用域）

function fn1() {
    var a="这是局部变量";
    function fn2() {
    console.log(a); 
    }
    return fn2
}
var result=fn1();
result();

我们可以在外部访问到函数内的变量

代码一
http://js.jirengu.com/fixatixugu/4/edit?html,js,console,output

Paste_Image.png

代码二
http://js.jirengu.com/fixatixugu/6/edit

Paste_Image.png

代码三
http://js.jirengu.com/fixatixugu/8/edit

Paste_Image.png

代码四
http://js.jirengu.com/fixatixugu/9/edit

Paste_Image.png

代码五
http://js.jirengu.com/fixatixugu/10/edit

Paste_Image.png

代码六
http://js.jirengu.com/nejoyumora/1/edit

Paste_Image.png

代码七
http://js.jirengu.com/nejoyumora/2/edit

Paste_Image.png

代码八
http://js.jirengu.com/nejoyumora/4/edit

Paste_Image.png

代码九
http://js.jirengu.com/nejoyumora/6/edit

Paste_Image.png

代码10
http://js.jirengu.com/nejoyumora/7/edit

Paste_Image.png

本教程版权归菲龍探雲和饥人谷所有，转载须说明来源