JavaScript基础语法之js表达式


Posted in Javascript onJune 07, 2016

本文将详细介绍javascript表达式,表达式分为原始表达式和复杂表达式。一般,关于javascript基础语法,人们听得比较多的术语是操作符和语句。但,其实还有一个术语经常使用,却很少被提到,这就是javascript表达式(expression)。

原始表达式(primary exression)

原始表达式是表达式的最小单位——它不再包含其他表达式。javascript中的原始表达式包括this关键字、标识符引用、字面量引用、数组初始化、对象初始化和分组表达式

PrimaryExpression : 
this 
Identifier 
Literal 
ArrayLiteral 
ObjectLiteral 
( Expression )

this关键字和标识符

this;//返回当前对象

i;//返回变量i的值

sum;//返回变量sum的值

字面量

字面量(literal),又翻译成直接量,就是程序中直接使用的数据值

Literal ::
NullLiteral
BooleanLiteral
NumericLiteral
StringLiteral 
RegularExpressionLiteral 
null;
undefined;
true;
false;
1;
'abc';
/pattern/;

数组和对象初始化

数组初始化和对象初始化实际上是一个以字面量的方式描述的初始化的过程。这两个初始化表达式有时称做"对象直接量"和"数组直接量"

[];
[1,2,3];
{};
{a:1};

分组表达式

分组表达式实际上就是括号,用于重写运算符的优先级

复杂表达式(MemberExpression)

复杂表达式是由原始表达式和操作符(operator)组合而成,包括属性访问表达式、对象创建表达式和函数表达式

MemberExpression : 
MemberExpression [ Expression ] 
MemberExpression . IdentifierName 
new MemberExpression Arguments
FunctionExpression

属性访问表达式

属性访问表达式运算可以得到一个对象属性或一个数组元素的值,javascript为属性访问定义了两种语法

MemberExpression . IdentifierName 
MemberExpression [ Expression ]

第一种写法是一个表达式后跟随一个句点和标识符。表达式指定对象,标识符则指定需要访问的属性的名称

第二种写法是使用方括号,方括号内是另外一个表达式(这种方法适用于对象和数组)。第二个表达式指定要访问的属性的名称或代表要访问数组元素的索引

var o = {x:1,y:{z:3}}; //对象字面量
var a = [o,4,[5,6]]; // 包含对象的数组字面量
o.x;//表达式o的x属性
o.y.z;//表达式o.y的z属性
o['x'];//对象o的x属性
a[1];//表达式a中索引为1的元素

不管使用哪种形式的属性访问表达式,在'.'和'['之前的表达式总是会首先计算

如果计算结果是null或undefined,表达式会抛出一个类型错误异常,因为这两个值都不能包含任意属性

如果计算结果不是对象,javascript会将其转换为对象

如果对象表达式后跟随句点和标识符,则会查找由这个标识符指定的属性值,并将其作为整个表达式的值返回

如果对象表达式后跟随一对方括号,则会计算方括号内的表达式的值并将其转换为字符串

不论哪种情况,如果命名的属性不存在,那么整个属性访问表达式的值就是undefined

对象创建表达式

对象创建表达式创建一个对象并调用一个函数初始化新对象的属性

new Object();
new Point(2,3);

如果一个对象创建表达式不需要传入任何参数给构造函数的话,那么这对空圆括号是可以省略的

new Object;

函数表达式

函数表达式分为函数定义表达式和函数调用表达式

函数定义表达式定义一个javascript函数,表达式的值是这个新定义的函数

一个典型的函数定义表达式包含关键字function,跟随其后的是一对圆括号,括号内是一个以逗号分割的列表,列表含有0个或多个标识符(参数名),然后再跟随一个由花括号包裹的

javascript代码段(函数体)

function square(x){
return x*x;
}

函数定义表达式同样可以包含函数的名字,函数也可以通过函数语句来定义,而不是函数表达式

var square = function(x){return x*x;}

函数调用表达式是一种调用或执行函数或方法的语法表示。如果这个表达式是一个属性访问表达式,那么这个调用称做方法调用

f(0);
Math.max(x,y,z);
a.sort();

以上所述是小编给大家介绍的JavaScript基础语法之js表达式的相关内容,希望对大家有所帮助。如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js下弹出窗口的变通
Apr 18 Javascript
JQuery 应用 JQuery.groupTable.js
Dec 15 Javascript
jquery tab插件精简版分享
Sep 10 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
如何利用AngularJS打造一款简单Web应用
Dec 05 Javascript
AngularJs实现ng1.3+表单验证
Dec 10 Javascript
angular.js+node.js实现下载图片处理详解
Mar 31 Javascript
原生JavaScript实现的简单放大镜效果示例
Feb 07 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
微信小程序获取用户绑定手机号方法示例
Jul 21 Javascript
重置Redux的状态数据的方法实现
Nov 18 Javascript
JavaScript必看小技巧(必看)
Jun 07 #Javascript
通过正则表达式获取url中参数的简单实现
Jun 07 #Javascript
点击按钮出现60秒倒计时的简单js代码(推荐)
Jun 07 #Javascript
javascript显示倒计时控制按钮的简单实现
Jun 07 #Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 #Javascript
jQuery原理系列-css选择器的简单实现
Jun 07 #Javascript
javascript实现抽奖程序的简单实例
Jun 07 #Javascript
You might like
声音就能俘获人心,蕾姆,是哪个漂亮小姐姐配音呢?
2020/03/03 日漫
Windows下的PHP5.0详解
2006/11/18 PHP
php做下载文件的实现代码及文件名中乱码解决方法
2011/02/03 PHP
解析PHP工厂模式的好处
2013/06/18 PHP
PHP实现的简单缓存类
2015/07/29 PHP
PHP截取IE浏览器并缩小原图的方法
2016/03/04 PHP
PHPCMS2008广告模板SQL注入漏洞修复
2016/10/11 PHP
php中的钩子理解及应用实例分析
2019/08/30 PHP
jquery 的 $("#id").html() 无内容的解决方法
2010/06/07 Javascript
Js获取数组最大和最小值示例代码
2013/10/29 Javascript
嵌入式iframe子页面与父页面js通信的方法
2015/01/20 Javascript
jQuery监控文本框事件并作相应处理的方法
2015/04/16 Javascript
javascript常用函数(2)
2015/11/05 Javascript
JavaScript仿商城实现图片广告轮播实例代码
2016/02/06 Javascript
JavaScript从0开始构思表情插件
2016/07/26 Javascript
微信小程序中单位rpx和rem的使用
2016/12/06 Javascript
JavaScript用JSONP跨域请求数据实例详解
2017/01/06 Javascript
用Cordova打包Vue项目的方法步骤
2019/02/02 Javascript
Vue脚手架编写试卷页面功能
2020/03/17 Javascript
[28:48]《真视界》- 2017年国际邀请赛
2017/09/27 DOTA
python算法学习之计数排序实例
2013/12/18 Python
Django的session中对于用户验证的支持
2015/07/23 Python
利用pandas将numpy数组导出生成excel的实例
2018/06/14 Python
Python实现求两个数组交集的方法示例
2019/02/23 Python
Python中函数的基本定义与调用及内置函数详解
2019/05/13 Python
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
您在慕尼黑的跑步商店:Lauf-bar
2019/10/11 全球购物
幼儿园六一儿童节主持节目串词
2014/03/21 职场文书
婚前保证书
2014/04/29 职场文书
关于美容院的活动方案
2014/08/14 职场文书
2014迎国庆标语大全
2014/09/19 职场文书
加强作风建设心得体会
2014/10/22 职场文书
唐山大地震的观后感
2015/06/05 职场文书
2015年高中语文教学总结
2015/08/18 职场文书
Nginx的反向代理实例详解
2021/03/31 Servers
Spring Boot接口定义和全局异常统一处理
2022/04/20 Java/Android