分清几个概念:
表达式和语句
var square = function(x){ return x*x; } //函数定义表达式 P63
function square(x){ return x*x; } //函数声明语句,var和function都是声明语句,它们声明或定义变量或函数。P94、95
调用表达式
JavaScript中调用表达式是一种调用(或者执行)函数或方法的语法表示。任何一个调用表达式都包含一对圆括号和左圆括号之前的表达式。
自定义表达式(自执行函数表达式)使用的场景
在JavaScript是函数作用域,我们可以定义一个函数用做临时的命名空间,在这个命名空间内定义的变量都不会污染到全局命名空间。假设你写的一大段代码要用在不同的程序中,代码中定义了一个变量存储中间值,那么,就会有这样的问题,当模块代码放到不同的程序中执行时,你无法得知这个变量是否已经创建过,如果创建过,就会和代码发生冲突。
例:
function mymodule(){ //模块代码 //这个模块所使用的所有变量都是全局变量,不会污染全局命名空间 } mymodule();//调用这个函数
任何一个function在执行的时候都会创建一个执行上下文,因为为function声明的变量和函数有可能只在该function内部,这个上下文,在调用function的时候,提供了一种简单的方式来创建自由变量或私有子function。
例:
// 由于该function里返回了另外一个function,其中这个function可以访问自由变量i // 所有说,这个内部的function实际上是有权限可以调用内部的对象。 function makeCounter() { // 只能在makeCounter内部访问i var i = 0; return function () { console.log(++i); }; } // 注意,counter和counter2是不同的实例,分别有自己范围内的i。 var counter = makeCounter(); counter(); // logs: 1 counter(); // logs: 2 var counter2 = makeCounter(); counter2(); // logs: 1 counter2(); // logs: 2 alert(i); // 引用错误:i没有defind(因为i是存在于makeCounter内部)。
很多情况下,我们不需要makeCounter多个实例,甚至不需要显示返回值。
更简便的方式——立即调用表达式
//方式一: (function(){ //模块代码 }()) //方式二: (function(){ //模块代码 }());
外层的圆括号不可少,有了该圆括号JavaScript解释器会将期解析为函数定义表达式,否则会解析为函数声明语句。而表达式是调用表达式所必须的。
时间: 2024-10-13 02:22:12