首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript立即执行函数的解释分析(1)—表达式与语句的区别

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

作者头像
FEWY
发布2019-05-26 11:01:50
6720
发布2019-05-26 11:01:50
举报
文章被收录于专栏:FEWYFEWY
说明

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

(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语句。

总结

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

这里写图片描述
这里写图片描述
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017年06月07日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 说明
  • 表达式
  • 语句
  • 总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档