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 相关文章推荐
Firefox下提示illegal character并出现乱码的原因
Mar 25 Javascript
初试jQuery EasyUI 使用介绍
Apr 01 Javascript
javascript window.confirm确认 取消对话框实现代码小结
Oct 21 Javascript
关于全局变量和局部变量的那些事
Jan 11 Javascript
js中 javascript:void(0) 用法详解
Aug 11 Javascript
javascript拖拽应用实例(二)
Mar 25 Javascript
JS实现的自定义水平滚动字体插件完整实例
Jun 17 Javascript
jQuery基于Ajax方式提交表单功能示例
Feb 10 Javascript
三分钟学会用ES7中的Async/Await进行异步编程
Jun 14 Javascript
webpack手动配置React开发环境的步骤
Jul 02 Javascript
vue实现动态按钮功能
May 13 Javascript
layui 阻止图片上传的实例(before方法)
Sep 26 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
用PHP产生动态的影像图
2006/10/09 PHP
PHP新手上路(五)
2006/10/09 PHP
从MySQL数据库表中取出随机数据的代码
2007/09/05 PHP
Codeigniter生成Excel文档的简单方法
2014/06/12 PHP
PHP使用array_multisort对多个数组或多维数组进行排序
2014/12/16 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
PHP基于进程控制函数实现多线程
2020/12/09 PHP
Javascript学习笔记6 prototype的提出
2010/01/11 Javascript
JavaScript打开word文档的实现代码(c#)
2012/04/16 Javascript
JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
2013/05/27 Javascript
JavaScript几种数组去掉重复值的方法推荐
2016/04/12 Javascript
bootstrapValidator自定验证方法写法
2016/12/01 Javascript
详解nodejs微信公众号开发——6.自定义菜单
2017/04/13 NodeJs
NodeJs的fs读写删除移动监听
2017/04/28 NodeJs
在vue中使用echars实现上浮与下钻效果
2019/11/08 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
2020/06/19 Javascript
Python 字符串操作实现代码(截取/替换/查找/分割)
2013/06/08 Python
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
Python3 伪装浏览器的方法示例
2017/11/23 Python
NetworkX之Prim算法(实例讲解)
2017/12/22 Python
python爬虫获取京东手机图片的图文教程
2017/12/29 Python
使用python的pandas库读取csv文件保存至mysql数据库
2018/08/20 Python
python中字符串数组逆序排列方法总结
2019/06/23 Python
python读写配置文件操作示例
2019/07/03 Python
详解pycharm连接不上mysql数据库的解决办法
2020/01/10 Python
使用Python-OpenCV消除图像中孤立的小区域操作
2020/07/05 Python
巴黎卡诗美国官方网站:始于1964年的头发头皮护理专家
2017/07/10 全球购物
网络工程专业毕业生推荐信
2013/10/28 职场文书
请假条标准格式规范
2014/04/10 职场文书
一份教室追逐打闹的检讨书
2014/09/27 职场文书
大四学生个人总结
2015/02/15 职场文书
社区活动总结范文
2015/05/07 职场文书
简爱电影观后感
2015/06/10 职场文书
国庆阅兵观后感
2015/06/15 职场文书
如何搭建 MySQL 高可用高性能集群
2021/06/21 MySQL