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语句。
总结
表达式计算一个值,但语句用来执行以使某件事发生。 它们并不是完全没有关系的两个东西,看图。
- 认识ASP.NET 5项目结构和项目文件xproj
- weblogic下部署应用时slf4j与logbak冲突的解决办法
- 介绍一位OWin服务器新成员TinyFox
- javascript: 带分组数据的Table表头排序
- 域名资讯:昨日域名成交2897个,成交额达300多万元
- 2017年12月编程语言排行榜:C语言再次崛起,有望成为2017年度编程语言
- WordPress 免插件仅代码实现 Gravatar 头像缓存
- Spring JDBCTemplate使用JNDI数据源
- 大家之前是不是误解了DC/OS与Kubernetes之间的关系
- CentOS 7 上部署Mono 4 和Jexus 5.6
- maven学习(下)利用Profile构建不同环境的部署包
- AS3初学者容易迷糊的几个问题
- Spring Security笔记:自定义Login/Logout Filter、AuthenticationProvider、AuthenticationToken
- ASP.NET Web API 2.1支持Binary JSON(Bson)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- PHP实现二维数组(或多维数组)转换成一维数组的常见方法总结
- Laravel框架Eloquent ORM简介、模型建立及查询数据操作详解
- Laravel框架下载,安装及路由操作图文详解
- PHP实用小技巧之调用录像的方法
- Laravel重定向,a链接跳转,控制器跳转示例
- Laravel 错误提示本地化的实现
- Laravel框架DB facade数据库操作详解
- laravel 解决强制跳转 https的问题
- 在laravel中实现将查询的对象转换为多维数组的函数
- 在Laravel 中实现是否关注的示例
- Laravel框架查询构造器常见用法总结
- laravel 解决多库下的DB::transaction()事务失效问题
- laravel 实现上传图片到本地和前台访问示例
- laravel框架模型中非静态方法也能静态调用的原理分析
- Laravel 5.2 文档 数据库 —— 起步介绍