JavaScript立即执行函数的解释分析(1)—表达式与语句的区别

说明

我们应该经常看到这两种写法

(function(){

})()

(function(){

}())

也许你知道,这是立即执行函数,但为什么这样能立即执行呢?也许是该好好聊聊了!但是,我们先来聊点其他的。

表达式

表达式(expression),JavaScript解释器会将其计算出一个结果。程序中的常量是最简单的一类表达式。

原始表达式

最简单的表达式是“原始表达式”(primary expression)。原始表达式是表达式的最小单位——它们不再包含其他表达式。JavaScript中的原始表达式包含常量或直接量、关键字和变量。

1.23            //数字直接量    
"hello"         //字符串直接量   
/pattern/       //正则表达式直接量  
true            //关键字  返回布尔值:真  
false           //关键字  返回布尔值:假  
null            //关键字  返回布尔值:空   
i               //变量  返回变量i的值   
sum             //变量  返回变量sum的值   
undefined       //变量  undefined是全局变量  

对象和数组的初始化表达式

对象和数组初始化表达式实际上是一个新创建的对象和数组,这些初始化表达式有时称做“对象直接量”和“数组直接量”。但是它们不是原始表达式,因为它们所包含的成员或者元素都是子表达式。

[]              //一个空数组     
[1+2,3+4]       //拥有两个元素的数组     

对象初始化表达式和数组初始化表达式很类似,只是方括号被花括号代替,并且每个子表达式都包含一个属性名和冒号作为前缀。

var p={ };      //一个空对象    
var q={x:2,y:3} //一个拥有两个属性成员的对象    

函数定义表达式

函数定义表达式定义一个JavaScript函数。表达式的值就是这个新定义的函数。 var a=function (x){ console.log(x) } 上面这种函数定义方式是用函数表达式来定义的,一会我们还会说另一种通过函数语句来定义的方式。

属性访问表达式

属性访问表达式运算得到一个对象属性或一个数组元素的值,有两种方式。 第一种,一个表达式后跟随一个句点和标识符。表达式指定对象,标识符指定要访问的属性的名称。 expression . identifier 第二种,一个表达式后跟随一个方括号,方括号内是另一个表达式(这种方式适用于对象和数组) expression[ expression ]

var o={ x:1,y:{z:3} };  //示例对象
var a=[o,4,[5,6]];  //一个包含对象的示例数组
o.x;        // => 1: o的x属性
o["x"];    // => 1: o的x属性
a[0].x;  // => 1: a[0]的x属性

调用表达式

调用表达式是一种调用(或者执行)函数或方法的语法表示。

f(0)     //f是一个函数表达式;0是一个参数表达式  
a.sort() //a.sort是一个函数,它没有参数

对象创建表达式

对象创建表达式(object creation expression)创建一个对象并调用一个函数(这个函数称为构造函数)初始化新对象的属性。它和调用表达式非常类似,只是在前面了一个new。

new Object()    
new Point(2,3)  

如果对象创建表达式不需要传入任何参数给构造函数,圆括号可以省略。 new Object

语句

语句是JavaScript整句或命令,JavaScript语句用分号结束,语句用来执行以使某件事发生。

表达式语句

“使某件事发生”的一个方法是计算带有副作用的表达式。诸如赋值和函数调用这些有副作用的表达式,是可以做为单独的语句的,这种表达式当语句的用法也称为表达式语句。

声明语句

声明语句用来声明新变量或定义新函数,var和function都是声明语句,它们声明或定义变量或函数。

var i;      //一个简单的变量
var j=2;    //一个带有初始值的变量
function f(j){ return j+1;} //函数声明语句定义函数

复合语句和空语句

JavaScript中可以将多条语句联合在一起,形成一条复合语句,只需要用花括号将多条语句括起来即可

{
    x = Math.PI;
    cx = Math.cos(x);
    console.log(x+cx); 
}

;表示空语句,JavaScript解释器执行空语句时,不会执行任何动作,当创建一个具有空循环体的循环时,空语句很有用。

条件(conditional)语句

JavaScript解释器可以根据一个表达式的值来判断是执行还是跳过这些语句,如if语句和switch语句。

循环(loop)语句

可以重复执行语句,如while和for语句。

跳转(jump)语句

可以让解释器转至程序的其他部分继续执行,如break、return、和throw语句。

总结

表达式计算一个值,但语句用来执行以使某件事发生。 它们并不是完全没有关系的两个东西,看图。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券