今日面试五题

    第一题

    下面哪几个和 [http://store.company.com/dir/page.html](http://store.company.com/dir/page.html) 符合同源策略？( )
         A.http: //store.company.com/dir2/other.htm
         B.https: //store.company.com/dir/secure.html
         C.http: //store.company.com:81/dir/etc.html
         D.http: //news.company.com/dir/other.html


    答案为 A

    解析：    何为同源策略?     同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以xyz.com下的js脚本采用ajax读取abc.com里面
                              的文件数据是会被拒绝的。

                              同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。

    满足协议，域名，端口都相同。即符合同源策略

    例如题目中的http://store.company.com/dir/page.html

    在 :// 之前就是协议, 那么题目的协议即为http，故排除 B 项

    在 :// 之后, 遇到第一个 / 之前的为 域名和端口 端口一般跟在域名之后 如 C 选项中的 :81 即为端口 而http协议的默认端口为 80 ，故排除 C 项

    D 项三级域名(news)与题目(store)不符 故排除




    第二题

    关于DOMContentLoaded和load事件说法正确的是？
         A.DOMContentLoaded事件比load事件更早执行
         B.load事件比DOMContentLoaded事件更早执行
         C.按监听代码从上到下先后执行
         D.dom文档完全加载完后执行load事件


    答案为 A

    解析：   DOMContentLoaded : 初始HTML文档被完全加载和解析后，将触发该事件。它不等待样式表，图片和框架。
            load : 应该仅用于检测一个完全加载的页面 当一个资源及其依赖资源已完成加载时，将触发load事件。
            根据页面的加载顺序，dom文档完全加载完成后，初始HTML即被完全加载，此时将先触发 DOMContentLoaded 事件，故排除 D 项。
    https://www.imooc.com/article/37908



    第三题

    console.log([1 < 2 < 3, 3 < 2 < 1])
         A.[true, true]
         B.[true, false]
         C.[false, true]
         D.[false, false]


    答案为 A

    解析：    在表达式内运算符均为相同优先级时， 执行顺序为从左到右
             那么在左侧表达式中将先判断  1 < 2  判断结果返回true。 再将结果与 3 进行比较， 即 true < 3 。
             表达式在进行运算符判断时会将 false 和 true 自动转化为 0 和 1。所以应为 1 < 3。 判断结果返回 true。 故排除 C D 项。
             同理，右侧表达式将先判断 3 < 2 判断结果返回 false 。再判断 false < 1 ,也就是 0 < 1 判断结果返回 true。 故排除 B 项。



    第四题

    

    ['1', '2', '3'].map(parseInt) ( )

         A.[1, 2, 3]
         B.[0, 1, 2]
         C.[NaN, NaN, NaN]
         D.[1, NaN, NaN]

    提示：map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。


    答案为 D

    解析：    Array.map()：
                 map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
                 map() 方法按照原始数组元素顺序依次处理元素。
                 map() 不会对空数组进行检测 且 不会改变原始数组。
             参数说明：
                 1.function(currentValue, index ,arr)	    必须。函数，数组中的每个元素都会执行这个函数

                                                         函数参数:
                                                             参数	        描述
                                                             currentValue	必须。当前元素的值
                                                             index	        可选。当前元素的索引值
                                                             arr	            可选。当前元素属于的数组对象

                 2.thisValue	可选。执行 function 函数时值被用作this。
                 如果省略了 thisValue，或者传入 null、undefined，那么回调函数的 this 为全局对象。



         parseInt():
             parseInt(string, radix)   将一个字符串 string 转换为 radix 进制的整数， radix 为介于2-36之间的数。
         参数说明：
             1.string
                 要被解析的值。如果参数不是一个字符串，则将其转换为字符串(使用  toString 抽象操作)。字符串开头的空白符将会被忽略。
             2.radix
                 一个介于2到36之间的整数，表示上述字符串的基数。比如参数 10 表示使用十进制数值系统。
                 当基数值在radix范围(2到36)之外，结果返回NaN;
                 当未指定基数或基数为0时，通常认为radix值为10。 且JavaScript 作如下处理：

                     a. 如果字符串 string 以"0x"或者"0X"开头, 则基数是16 (16进制).
                     b. 如果字符串 string 以"0"开头, 基数是8（八进制）或者10（十进制），那么具体是哪个基数由实现环境决定。ECMAScript 5 规定使用10，但是并不是所有的浏览器都遵循这个规定。因此，永远都要明确给出radix参数的值。
                     c. 如果字符串 string 以其它任何值开头，则基数是10 (十进制)。
                     d. 如果第一个字符不能被转换成数字，parseInt返回NaN。

         本题中map()方法接收了数组['1', '2', '3']，并且将 currentValue 接受到的参数('1' '2' '3') 传入到了 parseInt() 函数的 radix 参数
         inedex接受到的参数(0 1 2) 传入到了 index 中。
         所以parseInt()函数实际处理的情况如下：
             parseInt(1 , 0);   由于radix参数为 0，所以基数为10 采用十进制数值系统。十进制数值系统包含 1 , 故返回结果为 1;
             parseInt(2 , 1);   由于radix参数为 1，并不在radix参数所要求的范围内(2到36)，故返回结果为NaN;
             parseInt(3 , 2);   由于radix参数为 2，所以基数为2 采用二进制数值系统。二进制数值系统不包含 3 ，故返回结果为 NaN;