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 相关文章推荐
延时重复执行函数 lLoopRun.js
May 08 Javascript
使用js正则控制input标签只允许输入的值
Jul 29 Javascript
js实现ArrayList功能附实例代码
Oct 29 Javascript
JavaScript中的值类型详细介绍
Dec 29 Javascript
JS实现文件动态顺序载入的方法
Mar 07 Javascript
js css+html实现简单的日历
Jul 14 Javascript
iframe高度自适应及隐藏滚动条的实例详解
Sep 29 Javascript
BACKBONE.JS 简单入门范例
Oct 17 Javascript
让你5分钟掌握9个JavaScript小技巧
Jun 09 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
Jul 25 Javascript
基于javascript的拖拽类封装详解
Apr 19 Javascript
解决vue项目运行npm run serve报错的问题
Oct 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
dedecms 制作模板中使用的全局标记图文教程
2007/03/11 PHP
php foreach、while性能比较
2009/10/15 PHP
浅谈php(codeigniter)安全性注意事项
2017/04/06 PHP
laravel withCount 统计关联数量的方法
2019/10/10 PHP
线路分流自动跳转代码;希望对大家有用!
2006/12/02 Javascript
jquery 常用操作整理 基础入门篇
2009/10/14 Javascript
javascript如何写热点图
2015/12/08 Javascript
node结合swig渲染摸板的方法
2018/04/11 Javascript
NodeJs生成sitemap站点地图的方法示例
2019/06/11 NodeJs
在vue中使用vuex,修改state的值示例
2019/11/08 Javascript
[52:08]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第一局
2016/03/05 DOTA
Python中使用Tkinter模块创建GUI程序实例
2015/01/14 Python
python 表达式和语句及for、while循环练习实例
2017/07/07 Python
利用python爬取斗鱼app中照片方法实例
2017/12/03 Python
2018年Python值得关注的开源库、工具和开发者(总结篇)
2018/01/04 Python
python笔记之mean()函数实现求取均值的功能代码
2019/07/05 Python
python实现按关键字筛选日志文件
2019/12/24 Python
如何解决tensorflow恢复模型的特定值时出错
2020/02/06 Python
python图片剪裁代码(图片按四个点坐标剪裁)
2020/03/10 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
torchxrayvision包安装过程(附pytorch1.6cpu版安装)
2020/08/26 Python
详解python命令提示符窗口下如何运行python脚本
2020/09/11 Python
如何用python 操作zookeeper
2020/12/28 Python
css3使网页、图片变成灰色兼容大多数浏览器
2014/07/02 HTML / CSS
法国奢华女性时尚配饰网上商店:Monnier Frères
2016/08/27 全球购物
荷兰和比利时时尚鞋店:Van Dalen
2018/04/23 全球购物
台湾家适得:Homeget
2019/02/11 全球购物
Moda Operandi官网:美国奢侈品电商,海淘秀场T台同款
2020/05/26 全球购物
中科方德软件测试面试题
2016/04/21 面试题
法学毕业生自我鉴定
2014/01/31 职场文书
2014教师教育实践活动对照检查材料思想汇报
2014/09/21 职场文书
2014年人民警察入党思想汇报
2014/10/12 职场文书
四大名著读书笔记
2015/06/25 职场文书
Python 使用dict实现switch的操作
2021/04/07 Python
python模块与C和C++动态库相互调用实现过程示例
2021/11/02 Python
Redis全局ID生成器的实现
2022/06/05 Redis