2022年前端React的100道面试题的第2题:JSX的表达式

问题

在 JSX 语法中,你可以在大括号内放置任何有效的 JavaScript 表达式包括哪些类型的描述是正确的?

[ ] 算术,主要以“算术运算符”计算结果为数字的表达式;

[ ] 逻辑,主要以“逻辑运算符”计算结果为真假值的表达式;

[ ] 右侧表达式:用于给目标赋值的表达式;

[ ] 字符串,主要以“字符串运算符”计算结果为字符串的表达式;

答案

A、B、D

解答

我们遵循以下的定义来理解表达式的概念。

一个表达式是代码的任何有效单元,其解析为一个值。

JavaScript 具有以下表达式类别:

  • 算术:计算结果为一个数字,例如 3.14159。(通常使用算术运算符。)
  • 字符串:计算结果为字符串,例如“Fred”或“234”。(通常使用字符串运算符。)
  • 逻辑:评估为真或假。(通常涉及逻辑运算符。)
  • 主要表达式:JavaScript 中的基本关键字和通用表达式。
  • 左侧表达式:左侧值是赋值的目标。

前三个都好理解,主要是后面两个简单说明。通用表达式由可简单分为 对象引入、运算分组,而左侧表达式可以理解为所有赋值场景。

对象引入表示以点或括号对象使用。

this['propertyName']
this.propertyName
this.methodName()
复制代码

分组运算符( )控制表达式中计算的优先级。例如,您可以先覆盖乘法和除法,然后再覆盖加法和减法以先计算加法。

(a + b) * c   // 9
复制代码

基于Reference类型的 LHS(left-hand Side)表达式。

a.b = c;
复制代码

资料

重学前端四---Expressions(表达式)、Statement (语句)以及Structure(结构化)

是LHS查询还是RHS查询?编译器有话说

Mozilla - Expressions_and_Operators

来源

搜索《考试竞技》微信小程序

gh_a246413495c8_258 (2).jpg

Guess you like

Origin juejin.im/post/7033956093307027493