zoukankan      html  css  js  c++  java
  • 一道javascript面试题

    下面表达式比较的结果分别是什么?

    1. []=="0"

    2. []==0

    3. "0"==0

    4. []==false

    5. []==[]

    大家可以试试写下自己的结果,答案在后面。

    这题主要考的是类型转换,[]这个数组对象在与原始值(primitive value)是怎么进行比较的。

    javascript除了数字,布尔,字符串这些原始值和null, undefined这些特殊的,其他都是对象,这比较的过程其实也是对象转换的过程。

    那先来看看对象是怎么转换的:

    对象转字符串

    1. 看是否有toString()函数,有的话调用toString(),如果结果是原始值的话,把原始值转成字符串。

    2. 如果没有toString()方法或者toString()结果不是原始值,则看有没有valueOf,有的话调用,结果是原始值的话转成字符串。

    3. 以上都不成立,抛出TypeError异常

    对象转数字

    过程和上面过程类似,不过是把toString和valueOf顺序对调下。

    没有对布尔值的,因为布尔值是先转换成数字再比较的,true是1,false是0; 所以对象和布尔值的比较就变成与数字的比较。

    对与运算符"=="来说,如果是对象和原始值比较,一般是走第二条路,也就是先走valueOf,再走toString,但如果要比较的原始值是字符串则不转数字,则最后一步就不转数字了,直接用字符串比较。

    特殊的一个是Date对象或包含Date的对象,因为Date的toString是有意义的字符串,所以比的就是字符串,而且toString()后不会再转成数字了。

    另外,比较原始值的时候,如果类型一样当然可以直接比较,如果不一样,则两边都转成数字再比较。

    如:"0"==false,"0"转成数字0,false也转成数字0,再比较。

    数组的toString()返回的是数组里元素以逗号分隔加起来的字符串,如:

    结果

    根据上面这些逻辑来看看题目:

    1. []=="0"

    []转数字,不过valueOf返回的还是[],不是原始值,走toString()。里面没有元素,所以结果是"",空字符串。

    ""不等于"0",结果是false。

    2. []==0

    []转数字,先返回"",转数字是0,结果是true。

    3. "0"==0

    这是原始值的比较,"0"转数字也是0,true

    4. []==false

    []返回"",转数字是0,false也是0,true

    5. []==[]

    两个都是对象的比较,比的是地址,明显不对,false。

    综上,javascript作为弱类型的语言好处是够灵活,不过这种类型转换还是挺搞的,容易把人搞昏了,所以微软也搞了个TypeScript来支持强类型,个人觉得强类型对开发还有要更友好些。

  • 相关阅读:
    vue 画/生成二维码
    2017年要学习的三个CSS新特性
    最好的Angular2表格控件
    最详细win7下手动搭建PHP环境:apache2.4.23+php7.0.11
    Javascript实现页面跳转的几种方式
    windows环境下sublime的nodejs插件详细安装图解
    CSS3 动画
    框架基础:ajax设计方案(一)---集成核心请求
    框架基础:ajax设计方案(二)---集成轮询技术
    框架基础:ajax设计方案(三)---集成ajax上传技术
  • 原文地址:https://www.cnblogs.com/brookshi/p/5308829.html
Copyright © 2011-2022 走看看