重学前端
程劭非(winter)
前手机淘宝前端负责人
立即订阅
32859 人已学习
课程目录
已完结 58 讲
0/4登录后,你可以任选4讲全文学习。
开篇词+学习路线+架构图 (3讲)
开篇词 | 从今天起,重新理解前端
免费
明确你的前端学习路线与方法
列一份前端知识架构图
模块一:JavaScript (15讲)
JavaScript类型:关于类型,有哪些你不知道的细节?
JavaScript对象:面向对象还是基于对象?
JavaScript对象:我们真的需要模拟类吗?
JavaScript对象:你知道全部的对象分类吗?
JavaScript执行(一):Promise里的代码为什么比setTimeout先执行?
JavaScript执行(二):闭包和执行上下文到底是怎么回事?
JavaScript执行(三):你知道现在有多少种函数吗?
JavaScript执行(四):try里面放return,finally还会执行吗?
JavaScript词法:为什么12.toString会报错?
(小实验)理解编译原理:一个四则运算的解释器
JavaScript语法(预备篇):到底要不要写分号呢?
JavaScript语法(一):在script标签写export为什么会抛错?
JavaScript语法(二):你知道哪些JavaScript语句?
JavaScript语法(三):什么是表达式语句?
JavaScript语法(四):新加入的**运算符,哪里有些不一样呢?
模块二:HTML和CSS (16讲)
HTML语义:div和span不是够用了吗?
HTML语义:如何运用语义类标签来呈现Wiki网页?
CSS语法:除了属性和选择器,你还需要知道这些带@的规则
HTML元信息类标签:你知道head里一共能写哪几种标签吗?
CSS 选择器:如何选中svg里的a元素?
CSS选择器:伪元素是怎么回事儿?
HTML链接:除了a标签,还有哪些标签叫链接?
CSS排版:从毕升开始,我们就开始用正常流了
HTML替换型元素:为什么link一个CSS要用href,而引入js要用src呢?
HTML小实验:用代码分析HTML标准
CSS Flex排版:为什么垂直居中这么难?
CSS动画与交互:为什么动画要用贝塞尔曲线这么奇怪的东西?
HTML语言:DTD到底是什么?
CSS渲染:CSS是如何绘制颜色的?
CSS小实验:动手做,用代码挖掘CSS属性
HTML·ARIA:可访问性是只给盲人用的特性么?
模块三:浏览器实现原理与API (9讲)
浏览器:一个浏览器是如何工作的?(阶段一)
浏览器:一个浏览器是如何工作的?(阶段二)
浏览器:一个浏览器是如何工作的(阶段三)
浏览器:一个浏览器是如何工作的?(阶段四)
浏览器:一个浏览器是如何工作的?(阶段五)
浏览器DOM:你知道HTML的节点有哪几种吗?
浏览器CSSOM:如何获取一个元素的准确位置
浏览器事件:为什么会有捕获过程和冒泡过程?
浏览器API(小实验):动手整理全部API
模块四:前端综合应用 (5讲)
性能:前端的性能到底对业务数据有多大的影响?
工具链:什么样的工具链才能提升团队效率?
持续集成:几十个前端一起工作,如何保证工作质量?
搭建系统:大量的低价值需求应该如何应对?
前端架构:前端架构有哪些核心问题?
特别加餐 (9讲)
新年彩蛋 | 2019,有哪些前端技术值得关注?
用户故事 | 那些你与“重学前端”的不解之缘
期中答疑 | name(){}与name: function() {},两种写法有什么区别吗?
答疑加餐 | 学了这么多前端的“小众”知识,到底对我有什么帮助?
加餐 | 前端与图形学
加餐 | 前端交互基础设施的建设
期末答疑(一):前端代码单元测试怎么做?
期末答疑(二):前端架构中,每个逻辑页面如何可以做到独立发布呢?
加餐 | 一个前端工程师到底需要掌握哪些技能?
尾声 (1讲)
尾声 | 长风破浪会有时,直挂云帆济沧海
重学前端
登录|注册

JavaScript语法(四):新加入的**运算符,哪里有些不一样呢?

winter 2019-04-06
你好,我是 winter。
上一节课我们已经给你介绍了表达式的一些结构,其中关于赋值表达式,我们讲完了它的左边部分,而留下了它右边部分,那么,我们这节课一起来详细讲解。
在一些通用的计算机语言设计理论中,能够出现在赋值表达式右边的叫做:右值表达式(RightHandSideExpression),而在 JavaScript 标准中,规定了在等号右边表达式叫做条件表达式(ConditionalExpression),不过,在 JavaScript 标准中,从未出现过右值表达式字样。
JavaScript 标准也规定了左值表达式同时都是条件表达式(也就是右值表达式),此外,左值表达式也可以通过跟一定的运算符组合,逐级构成更复杂的结构,直到成为右值表达式。
关于这块的知识,我们有时会看到按照运算符来组织的讲解形式。
这样讲解形式是因为:对运算符来说的“优先级”,如果从我们语法的角度来看,那就是“表达式的结构”。讲“乘法运算的优先级高于加法”,从语法的角度看就是“乘法表达式和加号运算符构成加法表达式”。
对于右值表达式来说,我们可以理解为以左值表达式为最小单位开始构成的,接下来我们就来看看左值表达式是如何一步步构成更为复杂的语法结构。
取消
完成
0/1000字
划线
笔记
复制
© 版权归极客邦科技所有,未经许可不得传播售卖。 页面已增加防盗追踪,如有侵权极客邦将依法追究其法律责任。
该试读文章来自付费专栏《重学前端》,如需阅读全部文章,
请订阅文章所属专栏。
立即订阅
登录 后留言

精选留言(17)

  • AbyssKR
    “逻辑与表达式和逻辑或表达式”一节中,第二个例子 false && undefined; 的结果为 false
    2019-04-09
    1
    42
  • 阿成
    优先级由高到低:
    1 ()
    2 ./[] 左
    2 new MemberExpression Arguments
    3 new MemberExpression 右
    4 () 函数调用 左
    5 ++/--
    6 +/-/~/!/delete/typeof/void/await 右
    7 ** 右
    8 *///% 左
    9 +/- 左
    10 << >> >>> 左
    11 < > <= >= instance of in 左
    12 == === != !== 左
    13 & 左
    14 ^ 左
    15 | 左
    16 && 左
    17 || 左
    18 ?: 右
    19 = 右
    20 , 左

    不过MDN上的一份整理是这样的:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence

    主要不同的地方集中在:
    1. 函数调用与New Expression的优先级顺序(上一课文中有一句不是很理解:而 Call Expression 就失去了比 New Expression优先级高的特性,这是一个主要的区分)
    2. ++/-- 前置和后置的优先级顺序(MDN上前置后置优先级是不同的)
    3. 缺少了 yield/yield*/...这三个运算符
    2019-04-08
    10
  • windliang
    -1 >> 1,-1 的补码是 1111 1111 ... 1111 1111 ,32 个 1,有符号右移,高位补 1,所以还是 1111 1111 ... 1111 1111 ,32 个 1,所以答案依旧是 -1。

    -1 >>> 1,-1 的补码是 1111 1111 ... 1111 1111 ,32 个 1,无符号右移,高位补 0,所以是 0111 1111... 1111 1111 ,31 个 1,代表 2 ** 31 - 1= 2147483648 - 1 = 2147483647 。

    「在 JavaScript 中,二进制操作整数并不能提高性能」我觉得原因就是 js 数字不管整数还是小数都用 IEEE 754 浮点数标准。所以没有所谓的补码之说,也只有在进行位操作的时候,js 进行转换而已。

    之前总结了一篇补码的文章,分享一下.

    https://mp.weixin.qq.com/s/uvcQHJi6AXhPDJL-6JWUkw

    作者回复: 优秀。

    2019-06-28
    1
    2
  • 0xAC7
    标准里有些东西还是看不太懂,如果可以的话,希望老师在答疑的时候稍微讲解一下如何看懂标准
    2019-04-09
    2
  • K4SHIFZ
    老师,在ES5之前版本规范中,会提及JS的可执行代码分为全局、函数、Eval。但是在ES6之后版本规范中,再也不提及可执行代码的概念了,这是为什么呢?
    2019-04-14
    1
  • 0xAC7
    评论不能发图片,我把不太明白的地方截图发到了语雀:
    https://cdn.nlark.com/yuque/0/2019/jpeg/119718/1554814331032-assets/web-upload/a51218b6-cd8a-4ac8-b71f-f8f6dbfeab36.jpeg
    麻烦老师移步看一下,谢谢。
    2019-04-09
    1
  • 阿成
    文中提到:
    按位或表达式由按位或运算符(|)连接相等表达式构成,按位或表达式把操作数视为二进制整数,然后把两个操作数按位做或运算。

    这里的相等表达式应该是按位异或表达式吧?
    (抱歉小编,之前打错了...)
    2019-04-07
    1
  • 0xAC7
    老师是在带我们过 ECMAScript标准,讲解很详细,基本能读懂标准了🌝
    2019-04-06
    1
  • 冬Don
    为什么 [undefined] == 0 是 true, [false] == 0是false呢

    作者回复: [undefined].toString();
    [false].toString();
    这么一看就知道为什么了。
    不过不同类型的双等号比较是JS里的糟粕,你学了也没什么用处。

    2019-11-14
  • 梧桐
    “逻辑与表达式和逻辑或表达式”一节中,第二个例子 false && undefined; 的结果为 false
    2019-09-25
  • 渴望做梦
    老师,这篇文章里面每个表达式介绍的时候都说是由上一个表达式构成的,对此我不是很理解,比如一元运算表达式是有更新表达式和一元运算符构成的,但是 typeof a 我怎么看也没看出来哪有更新表达式

    作者回复: a本身就是一个更新表达式

    2019-07-31
  • 依韵
    false && undefined 值为false
    2019-07-19
    1
  • study
    ExponentiationExpression,这个应该是指数表达式,不是乘法表达式吧。
    2019-05-30
    1
  • Error
    false && undefined; // false
    2019-05-20
  • 温木
    左移 n 位相当于乘以 2 的 n 次方,右移 n 位相当于除以 2 取整 n 次。
    异或运算有个特征,那就是两次异或运算相当于取消。所以有一个异或运算的小技巧,就是用异或运算来交换两个整数的值。
    2019-05-06
  • 乃乎
    “字符串和 bool 都转为数字再比较”
    这点很重要,也很对
    2019-04-29
  • 0xAC7
    比如本章和前一章对应标准中的 “12 ECMAScript Language: Expression”这一章,但有些内容不是很好懂,可能和标准的行文结构和规范有关,希望老师有时间可以稍做调拨,谢谢!

    作者回复: ES2018写的比较类似伪代码了,我这边还是从前端的理解角度出发来讲的。
    你具体哪里不懂,可以发出来看看。

    2019-04-09
收起评论
17
返回
顶部