• JavaScript 中运算优先级问题


    优先级引发的问题

    这篇文章对 JavaScript 中的运算符进行小结,很多人对运算符优先级这一知识点都是一带而过。这就导致在写一些比较奇葩的 js 代码,你并不知道它的输出是啥,下面举一个例子。

    var a = "hello";
    console.log("This is "  + (a== "hello") ? 'Mine' : 'Yours');
    

    js 代码如下,请问在控制台中输出的结果为?

    粗看题目,想当然的选择输出结果为:This is Mine 的选项。选完之后,又有一点怀疑自己的答案。答案怎么会如此直白呢,肯定有猫腻。然后开始细细的思考,发觉套路原来这么深。经分析之后,这题考的是运算符的优先级。根据优先级的不用,下面分步解答上面的题目:
    第一步:括号改变优先级,因此先算括号里面的值,得到结果:“This is ” + true ? 'Mine' : ‘Yours’
    第二步:+ 的优先级要高于 ?:,因此先算 + 号,得到结果:“This is true" ? 'Mine' : ‘Yours’
    第三部:计算? : 由于前面的字符串不为空,转为 bool 值为true,因此,整个表达式的结果为 Mine;

    经过上面分析之后,这题的答案为 Mine。 希望自己以后在遇到这种奇葩写法的语句时,细心分析,尽量避免入坑。下面总结一下 js 中的运算的优先级。

    优先级总结

    下表按从最高到最低的优先级列出JavaScript运算符。具有相同优先级的运算符按从左至右的顺序求值。

  • 相关阅读:
    第8组 Beta(2/6)(赵红霞)
    第8组 Beta (1/6)(赵红霞)
    第8组 Alpha(6/6)(赵红霞)
    第8组 Alpha(5/6)(赵红霞)
    第8组 Alpha(4/6)(赵红霞)
    第8组 Alpha(3/6)(赵红霞)
    第8组 Alpha(2/6)(赵红霞)
    Windows炫酷桌面钢铁侠主题 雨滴 Rainmeter
    blob 视频无法解析下载?不存在的,来瞅瞅这个方法
    java C C++ .net ps 安卓 等各种教学视频免费送
  • 原文地址:https://www.cnblogs.com/mingjiatang/p/7535875.html
Copyright © 2020-2023  润新知