zoukankan      html  css  js  c++  java
  • javascript 表达式和运算符 (二)

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

    一、表达式

    表达式分类

    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,表示创建一个空对象。

    二、运算符

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

     

    按功能分类:

    展开介绍特殊运算符。

    1、?:条件运算符

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

    2、,逗号运算符

    很少见。

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

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

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

    3、delete运算符【update20170506】

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

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

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

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

    4、in运算符

    判断对象里是否有key

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

    5、instanceof,typeof运算符

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

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

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

    6、new运算符

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

    7、this运算符

    this在不同情况有不同值

    8、void运算符

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

    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有问题欢迎与我讨论,共同进步。

  • 相关阅读:
    HTML入门之003
    html入门之002
    HTML入门之001
    端口
    计算机基础
    二进制的学习
    markdown基础
    css基础
    html基础之三
    html基础之二
  • 原文地址:https://www.cnblogs.com/starof/p/6370906.html
Copyright © 2011-2022 走看看