JS进阶之---函数,立即执行函数

一、函数

  函数声明、函数表达式、匿名函数

    函数声明:使用function关键字声明一个函数,再指定一个函数名,叫函数声明。function name () { … }

    函数表达式:使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式。var name = function(){ ... }

    匿名函数:使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数。function () { ... }

  调用时的区别

name();  //正常,因为‘提升'了函数声明,函数调用可在函数声明之前
function name(){ ... } name(); //报错,变量name还未保存对函数的引用,函数调用必须在函数表达式之后
var name=function(){ ... }

  函数参数传递方式:按值传递

  我们知道,函数的参数在进入函数后,实际是被保存在了函数的变量对象中,因此,这个时候相当于发生了一次复制。

var a = 20;
function fn(a) {
a = a + 10;
return a;
}
fn(a);
console.log(a); // var a = { m: 10, n: 20 }
function fn(a) {
a.m = 20;
return a;
}
fn(a);
console.log(a); // { m: 20, n: 20 }

  函数参数传递方式是按值传递,只不过当我们期望传递一个引用类型时,真正传递的,只是这个引用类型保存在变量对象中的引用而已。

二、立即执行函数

  两种javascript立即执行函数的常见写法。

(function(){

})() //(...)()形式 (function(){

}()) //(...())形式

  在函数的后面加上括号,就能变成立即执行函数吗?

  1.函数表达式后面加括号

var name=function(){
alert('Hello World');
}(); //函数表达式。后面加括号,当javascript引擎解析到此处时能立即调用函数

  2.匿名函数后面加括号

function(){
console.log('Hello World');
}(); //匿名函数方式。后面加括号,报语法错误。虽然匿名函数属于函数表达式,但是未进行赋值操作,所以javascript引擎将开头的function关键字当做函数声明,报错:要求需要一个函数名。

  3.函数声明方式后面加括号

function name(){
alert('Hello World');
}(); //函数声明方式,此时相当于对匿名函数加了名字。后面加括号,还是报错,Uncaught SyntaxError: Unexpected token )。在一个表达式后面加上括号(),该表达式会立即执行,但是在一个语句后面加上括号(),它的意思只是分组操作符。

function name(){
    alert('Hello World');
  }(1); //如果在括弧()里传入一个表达式,将不会有异常抛出.但是函数依然不会执行。因为它完全等价于,在一个function声明后面,又声明了一个毫无关系的表达式

  回头看看( function(){…} )()和( function (){…} () ),要在函数体后面加括号就能立即调用,则这个函数必须是函数表达式,不能是函数声明。

  所以只需要用大括弧将代码括住就行了,因为JavaScript里括弧()里面不能包含语句,所以在这一点上,解析器在解析function关键字的时候,会将相应的代码解析成function表达式,而不是function声明。

(function(a){
console.log(a); //
})(123); //后面括号里传入了函数执行的参数。如果这个参数是外部的变量,将会形成闭包。这个变量也会保存在这个函数中。

三、模块

  提到立即执行函数,总会想到模块,因为模块通常用立即执行函数的方式去创建。

  一个模块可以包括:私有变量、私有方法、公有变量、公有方法。

(function() {
// 私有变量
var age = 20;
var name = 'Tom'; // 私有方法
function getName() {
return `your name is ` + name;
} // 公有方法
function getAge() {
return age;
} // 将公有方法引用保存在外部执行环境的变量中,形成闭包,防止该执行环境被垃圾回收
window.getAge = getAge;
})();

  

上一篇:LFYZ-OJ ID: 1011 hanoi双塔问题


下一篇:旅图beta版 asp.net web api 单元测试