JavaScript基础语法之js表达式
本⽂将详细介绍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';
js arguments/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['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表达式的相关内容，希望对⼤家有所帮助。如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论