javascript 表达式和运算符 (二)

表达式是一种JS短语,可使JS解释器用来产生一个值。

一、表达式

表达式分类

javascript 表达式和运算符 (二)

1、原始表达式

常量、直接量 (3.14,"test");

关键字 (null,this,true);

变量(i,k,j);

都属于原始表达式。

原始表达式和原始表达式可以复合成复合表达式,比如10*20;

2、初始化表达式

数组、对象的初始化表达式

比如[1,2] 相当于new Array(1,2);

[1,,,4] 相当于[1,undefined,undefined,4]

{x:1,y:2}相当于 var o=new Object();o.x=1;o.y=2;

3、函数表达式

把函数赋值给一个变量:var fe=function(){};

把函数括起来直接调用:(function(){console.log('hello world');})();

4、属性访问表达式

var o={x:1};

o.x或者o['x']访问对象的属性叫属性访问表达式

5、调用表达式

函数名加上括号func()就是调用表达式。

6、对象创建表达式

new Func(1,2);

没有参数可以把括号直接省略new Object,表示创建一个空对象。

二、运算符

分类,安装操作数个数分类:

javascript 表达式和运算符 (二)

按功能分类:

javascript 表达式和运算符 (二)

展开介绍特殊运算符。

1、?:条件运算符

var val=true?1:2;     //val值为1

2、,逗号运算符

很少见。

var val=(1,2,3);    //val值为3

逗号表达式会从左到右依次计算表达式的值,最后会取最右边的值。

用逗号隔开表示每个表达式都会被计算,最终整个表达式的结果会取最右边的。

3、delete运算符【update20170506】

用来删除对象上的属性,比如delete obj.x;

javascript 表达式和运算符 (二)

从IE9开始有一个Object.defineProperty()方法可以设置一个configurable标签,并不是对象上的所有属性都可以被成功delete掉,configurable为true才能正常被delete。

javascript 表达式和运算符 (二)

delete运算符不能删除变量,不能删除参数,用来删除对象上configurable为true的属性

用var 声明的变量,挂在变量对象上,不能用delete删除
隐式声明的变量,相当于是Global对象的属性,可以用delete 删除

javascript 表达式和运算符 (二)javascript 表达式和运算符 (二)

4、in运算符

判断对象里是否有key

javascript 表达式和运算符 (二)

in运算符要求第1个(左边的)操作数必须是字符串类型或可以转换为字符串类型的其他类型,而第2个(右边的)操作数必须是数组或对象。

5、instanceof,typeof运算符

new Object() instanceof Object  //true
typeof 100 === 'number' //true

instanceof基于原型链判断对象的类型

typeof返回字符串,用于原始类型或者函数。

6、new运算符

javascript 表达式和运算符 (二)

new创建构造器的一个实例。

7、this运算符

this在不同情况有不同值

javascript 表达式和运算符 (二)

8、void运算符

void是一元运算符,不管后面操作数是多少都会返回undefined.

javascript 表达式和运算符 (二)

9、运算符优先级

下面的表将所有运算符按照优先级的不同从高到低排列。参考MDN

优先级 运算类型 关联性 运算符
19 圆括号 n/a ( … )
18 成员访问 从左到右 … . …
需计算的成员访问 从左到右 … [ … ]
new (带参数列表) n/a new … ( … )
17 函数调用 从左到右 … ( … )
new (无参数列表) 从右到左 new …
16 后置递增(运算符在后) n/a … ++
后置递减(运算符在后) n/a … --
15 逻辑非 从右到左 ! …
按位非 从右到左 ~ …
一元加法 从右到左 + …
一元减法 从右到左 - …
前置递增 从右到左 ++ …
前置递减 从右到左 -- …
typeof 从右到左 typeof …
void 从右到左 void …
delete 从右到左 delete …
14 乘法 从左到右 … * …
除法 从左到右 … / …
取模 从左到右 … % …
13 加法 从左到右 … + …
减法 从左到右 … - …
12 按位左移 从左到右 … << …
按位右移 从左到右 … >> …
无符号右移 从左到右 … >>> …
11 小于 从左到右 … < …
小于等于 从左到右 … <= …
大于 从左到右 … > …
大于等于 从左到右 … >= …
in 从左到右 … in …
instanceof 从左到右 … instanceof …
10 等号 从左到右 … == …
非等号 从左到右 … != …
全等号 从左到右 … === …
非全等号 从左到右 … !== …
9 按位与 从左到右 … & …
8 按位异或 从左到右 … ^ …
7 按位或 从左到右 … | …
6 逻辑与 从左到右 … && …
5 逻辑或 从左到右 … || …
4 条件运算符 从右到左 … ? … : …
3 赋值 从右到左 … = …
… += …
… -= …
… *= …
… /= …
… %= …
… <<= …
… >>= …
… >>>= …
… &= …
… ^= …
… |= …
2 yield 从右到左 yield …
yield* 从右到左 yield* …
1 展开运算符 n/a ... …
0 逗号 从左到右 … , …

可以看出!比instanceof优先级高。所以不能写!arr instanceof Array 要用括号括起来!(arr instanceof Array)。

点(.)运算符优先级》new带参数》函数调用()。

new Foo.getName();      //相当于new (Foo.getName)()
new Foo().getName(); //相当于(new Foo()).getName()
new new Foo().getName(); //相当于new ((new (Foo()).getName)()

new Foo().getName();

中成员访问点运算符优先级是最高的,因此先执行了.getName(),重点是在进行左侧取值的时候,

new Foo()可以理解为两种运算

  • new 带参数,即new Foo()
  • 函数调用先Foo()取值后再new

而new带参数的优先级高于函数调用,因此先执行了new Foo()得到Foo的实例对象再进行成员访问.getName。

参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Logical_Operators

本文作者starof,因知识本身在变化,作者也在不断学习成长,文章内容也不定时更新,为避免误导读者,方便追根溯源,请诸位转载注明出处:http://www.cnblogs.com/starof/p/6370906.html有问题欢迎与我讨论,共同进步。

上一篇:JS生成gif动态图下载


下一篇:MYSQL视图的学习笔记