JS面试题—变量类型和计算

梦里梦外; 2022-06-10 01:36 189阅读 0赞

JS面试题，是针对前端工程师面试时的一些知识点梳理，整篇会围绕题目、知识点、解答三个过程进行学习。本人也属于此次总结的学生，希望借此机会重新温习巩固基础知识。积硅步至千里，学习和应用就像搭积木一般，只有基础建好才能将积木搭得越高。

**变量类型和计算**

> 一、 题目

1.  JS中使用typeof能得到那些类型
2.  何时使用=== 何时使用==
3.  JS中有哪些内置函数
4.  JS变量按存储区分为哪些类型，并描述其特点
5.  如何理解JSON

> 二、知识点

**变量类型**  
       值类型vs引用类型  
       typeof运算符详解

**变量计算**  
       强制类型转换

**值类型**

特点：每个变量都会存储各自的值，不会相互影响

var a = 100
        var b = a
        a = 200
        console.log(b) //100

**引用类型**

特点：不同变量指针指向同一个对象 （引用类型包括数组、对象、函数）

var a = {age:20}
        var b = a
        b.age = 21
        console.log(b.age) //21

区别：  
![这里写图片描述][SouthEast]

tips: 引用类型有个特点，那就是可以无限的扩展属性

**typeof运算符详解**

typeof undefined // undefined
        typeof 'abc' //string
        typeof '123' //number
        typeof true //boolean
        typeof {} //object
        typeof [] //object
        typeof null //object
        typeof console.log //function

tips: typeof只能区分值类型的详细类型、无法区分引用类型的详细类型、但可以区分出函数

**变量计算—强制类型转换**

1.  字符串拼接
2.  ==运算符
3.  if语句
4.  逻辑运算

//字符串拼接
        var a = 100 + 10 // 110
        var b = 100 + '10' // '10010'
    
        //==运算符
        100 == '100' // true （把数字100转化为字符串‘100’进行比较）
        0 == '' // true （把数字0转化为false， 把空字符串转化为false 进行比较）
        null == undefined // true （null、undefined转化为false相比）
    
        //if语句
        var a = true
        if(a){
            // 可以进入if语句
        }
        var b = 100
        if(b){
            // 可以进入if语句， b=100转化为了true
        }
        var c = ''
        if(c){
            // 无法进入if语句， 因为c=''转化为了false
        }
    
        //逻辑运算
        console.log(10 && 0) //0
        console.log('' || 'abc') //'abc'
        console.log(!window.abc) //true
        var a = 100
        console.log(!!a) // true

> 三、解答

1.JS中使用typeof能得到那些类型

如果改题是笔试题，那么将上面typeof运算符详解的代码段写上是没有问题的，如果是面试题，我们必须还需要将其区分将清楚，typeof对于值类型的是可以区分它们的详细类型，而对于引用类型是无法区分详细类型，但可以区分出引用类型的函数function类型，其中typeof null 比较特殊，它的类型也是一个object

2.何时使用=== 何时使用==

==的情况，前面介绍知识点的时候已经解释过了，它们是会进行类型转换后再进行比较，而===是完全没有类型转换的，那么何时使用===，何时使用==呢？推荐参考jquery源码的写法，面试过程中可以拿出这个例子来解释、再深入你就直接流氓些说自己有代码洁癖，出了例子这种情况，别的都只用===

if(obj.a == null){
           //这里想单于 obj.a === null || obj.a === undefined , 简写形式
           //这是jquery源码的写法
           //除了这种情况，别的一律使用 ===
        }

3.JS中有哪些内置函数

Object
        Array
        Boolean
        Number
        String
        Function
        Date
        RegExp
        Error

tips: 内置函数就有这几种，如果被问到他们的作用，那么需要理解哥哥内置函数的方法，以后有时间我也会从新去整理总结一下

4.JS变量按存储区分为哪些类型，并描述其特点

//值类型
        var a = 10
        var b = a
        a = 11
        console.log(b) //10
    
        //引用类型
        var obj1 = {x:100}
        var obj2 = obj1
        obj1.x = 200
        console.log(obj2.x) //200

存储方式前面已经解释过了，分为值类型和引用类型两种。 值类型把数值分块各自存储在一个变量类型中， 而引用类型好几个变量共用一个内存块，为了节省空间才这么做的。特点，值类型存储的变量的值相互不影响，而引用类型因指向同一个内存块，所以它们是相互影响的。

5.如何理解JSON

//JSON 只不过是一个 JS 对象而已
        JSON.stringify({a:10,b:20})
        JSON.parse('{"a":10,"b":20}')

JSON是JS的一个内置对象，前面提到了JS的内置函数，JSON并不属于函数范畴，它仅仅只是一个JS的对象，是一种数据格式，常用的方法只有两个，一个将对象转换为字符串，一个将字符串转换为对象。面试的时候应该回答的全面一些。

[SouthEast]: /images/20220610/7c798efbadc643b39ecc57f596a6fb27.png