JS: if语句与三元运算符的比较

马黑黑

红影 发表于 2023-6-24 16:54
但是带括号的看的更加容易看明白呀。

不见得额。括号的意思多，有时它们包裹语句、参数，有时它们啥也不干就放那里，你得弄清它们什么时候是什么意思

马黑黑

红影 发表于 2023-6-24 16:53
好吧，那我去多看看。

应该的

红影

马黑黑 发表于 2023-6-24 17:59
不见得额。括号的意思多，有时它们包裹语句、参数，有时它们啥也不干就放那里，你得弄清它们什么时候是什 ...

这话让人有点晕，不过在这句里边括号还是很清楚的。

红影

马黑黑 发表于 2023-6-24 18:00
应该的

哈哈，其实当场就多看了呀，就是没看懂。

马黑黑

红影 发表于 2023-6-24 18:54
哈哈，其实当场就多看了呀，就是没看懂。

多看多看多看看就能看懂

红影

马黑黑 发表于 2023-6-24 19:09
多看多看多看看就能看懂

我没那么大本事啊。怎么看也看不懂。

马黑黑

红影 发表于 2023-6-24 18:53
这话让人有点晕，不过在这句里边括号还是很清楚的。

以 css-doodle 为例：

@shape: circle;

clip-path: @shape(
    <!-- 核心代码 -->
);

前一个 shape 没有括号，它是属性；后一个 shape 括号里包裹代码，它是函数。

再以JS的三元为例：

aud.paused ? aud.play() : aud.pause();

aud 是 HTML 元素 id，指向音频播放器。aud.paused 是一种状态，表示音频处于暂停中。三元的问号就是问，aud 音频标签是不是暂停中呀？ 如果是，就让 aud 老弟 播放音频，即 aud.play() ，play 后面必须有小括号。冒号意为 否则的话。aud.pause()，就是，让 aud 老弟播放音频，后面的小括号不能少。

三元，可以执行多语句，也就是多做一些事情，例如：

aud.paused ? (aud.play() , vid.play()): (aud.pause(), vid.pause());

这时候就多了两对小括号，它的作用是包裹三元运算符要执行的语句，同一组括号里的语句间要用小角逗号分隔。

希望这么举栗子，大家能明白点什么。

马黑黑

红影 发表于 2023-6-24 19:16
我没那么大本事啊。怎么看也看不懂。

这是因为你还不能把JS语言体系解析为你能理解的语言体系

红影

马黑黑 发表于 2023-6-24 19:19
以 css-doodle 为例：

@shape: circle;

这个真好，还可以这样写。

红影

马黑黑 发表于 2023-6-24 19:22
这是因为你还不能把JS语言体系解析为你能理解的语言体系

没办法，脑袋塞住了

马黑黑

红影 发表于 2023-6-24 19:40
这个真好，还可以这样写。

@shape 属性有十多种吧

红影

马黑黑 发表于 2023-6-24 21:27
@shape 属性有十多种吧

好像不止吧。哦哦，你是说属性，不是图形啊。

马黑黑

红影 发表于 2023-6-24 23:52
好像不止吧。哦哦，你是说属性，不是图形啊。

css-doodle的 @shape，可以做属性和函数用：

属性：

@shape: clover 2;

函数：

clip-path: @shape(
    points: 300;
    r: sin(4t);
);

做属性时，css-doodle 提供的形状也就10来种

红影

马黑黑 发表于 2023-6-25 08:00
css-doodle的 @shape，可以做属性和函数用：

属性：

哦，是用这样的方式来区分的，还从来没注意过。只知道能弄出图形

马黑黑

红影 发表于 2023-6-25 17:05
哦，是用这样的方式来区分的，还从来没注意过。只知道能弄出图形

函数需要有小括号，属性后面加冒号

红影

马黑黑 发表于 2023-6-25 18:04
函数需要有小括号，属性后面加冒号

哦原来是这样区分的。只是使用，从来没有注意过。

马黑黑

红影 发表于 2023-6-25 20:49
哦原来是这样区分的。只是使用，从来没有注意过。

一切都有规范

红影

马黑黑 发表于 2023-6-25 20:57
一切都有规范

学习的不认真，不仔细呗。

马黑黑

红影 发表于 2023-6-25 21:29
学习的不认真，不仔细呗。

正常

红影

马黑黑 发表于 2023-6-25 21:50
正常

不正常，说明太懒了。