面试题JavaScript篇（一）

Kw_Chng

已于 2023-03-11 20:21:29 修改

阅读量641

点赞数

分类专栏：前端面试题------JS 文章标签： javascript 开发语言 ecmascript

于 2023-02-28 10:11:15 首次发布

本文链接：https://blog.csdn.net/weixin_43526403/article/details/129245494

版权

前端面试题------JS 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

3、Object.prototype.toString.call()

4、constructor

五、Object.prototype.toString.call()与Array.prototype.toString.call()的区别

六、为什么typeof null 是Object

九、字面量创建对象和new创建对象有什么区别

十、new会发生的事

十一、call、apply、bind的区别

十四、什么是闭包？闭包的作用？闭包的应用？

十六、JS 中的常用的继承方式有哪些？以及各个继承方式的优缺点

一、JS的数据类型都有哪些

1、基本数据类型：

Number
String
Boolean
null
Undefined
Symbol
BigInt

2、引用数据类型

统称为Object类型，具体有：

RegExp
Date
Function
Array
Object

二、数据类型的存储方式

基本数据类型：存储在栈中
引用数据类型：存储在堆中
两种方式的联系：在栈中保存数据的引用地址，这个引用地址指向的是对应的数据，以便快速查找到堆内存中的对象。
两种方式的区别：栈内存是自动分配内存的。而堆内存是动态分配内存的，不会自动释放。所以每次使用完对象的时候都要把它设置为null，从而减少无用内存的消耗

三、为什么0.1+0.2>0.3

因为在JS底层中，每个变量是以二进制表示，固定长度为64位，其中第1位是符号位，再往后11位是指数为，最后52表示的是尾数位，而0.1和0.2转为二进制的时候是无限循环小数，所以JS就会进行截取，截取以后0.1和0.2就不是他们本身了，要比原来大那么一丢丢，所以0.1+0.2就>0.3了

解决办法：先给他们放大倍数，随后在除以相应倍数

const a = 0.1;
const b = 0.2;

console.log(a + b === 0.3)   // false
console.log((a * 1000 + b * 1000) / 1000 === 0.3)  // true

四、数据类型的判断方式

1、typeof

特点：无法分辨是null还是Object

    typeof undefined // 'undefined' 
    typeof '10' // 'String' 
    typeof 10 // 'Number' 
    typeof false // 'Boolean' 
    typeof Symbol() // 'Symbol' 
    typeof Function // ‘function' 
    typeof null // ‘Object’ 
    typeof [] // 'Object' 
    typeof {} // 'Object'

2、instanceof

特点：只能判断某对象是否存在于目标对象得的原型链上，不能判断字面量的基本数据类型

function Foo() { }
    var f1 = new Foo();
    var d = new Number(1)


    console.log(f1 instanceof Foo);// true
    console.log(d instanceof Number); //true
    console.log(123 instanceof Number); //false   -->不能判断字面量的基本数据类型

3、Object.prototype.toString.call()

特点：可以分清各种数据类型，但是不能细分为谁谁的实例

 console.log(Object.prototype.toString.call(undefined)); // "[object Undefined]" 
    console.log(Object.prototype.toString.call(null)); // "[object Null]" 
    console.log(Object.prototype.toString.call(123)); // "[object Number]" 
    console.log(Object.prototype.toString.call("abc")); // "[object String]" 
    console.log(Object.prototype.toString.call(true)); // "[object Boolean]" 


    function fn() {
      console.log("ming");
    }
    var date = new Date();
    var arr = [1, 2, 3];
    var reg = /[hbc]at/gi;
    console.log(Object.prototype.toString.call(fn));// "[object Function]" 
    console.log(Object.prototype.toString.call(date));// "[object Date]" 
    console.log(Object.prototype.toString.call(arr)); // "[object Array]"
    console.log(Object.prototype.toString.call(reg));// "[object RegExp]"

4、constructor

var d = new Number(1)
    var e = 1
    function fn() {
      console.log("ming");
    }
    var date = new Date();
    var arr = [1, 2, 3];
    var reg = /[hbc]at/gi;

    console.log(e.constructor);//ƒ Number() { [native code] }
    console.log(e.constructor.name);//Number
    console.log(fn.constructor.name) // Function 
    console.log(date.constructor.name)// Date 
    console.log(arr.constructor.name) // Array 
    console.log(reg.constructor.name) // RegExp

五、`Object.prototype.toString.call()与Array.prototype.toString.call()的区别`

Object.prototype.toString.call()返回的是统一格式
Array.prototype.toString.call()的部分类型无法检验，无法检验null、undefined，会报错，数组也不会输出其是Array类型

    function fn() {
      console.log("ming");
    }
    var date = new Date();
    var arr = [1, 2, 3];
    var reg = /[hbc]at/gi;

    console.log(Array.prototype.toString.call(undefined)); // 报错
    console.log(Array.prototype.toString.call(null)); // 报错
    console.log(Array.prototype.toString.call(123)); // "[object Number]" 
    console.log(Array.prototype.toString.call("abc")); // "[object String]" 
    console.log(Array.prototype.toString.call(true)); // "[object Boolean]" 
    console.log(Array.prototype.toString.call(fn)); // "[object Function]" 
    console.log(Array.prototype.toString.call(date)); // "[object Date]" 
    console.log(Array.prototype.toString.call(arr)); // "1,2,3"
    console.log(Array.prototype.toString.call(reg));// "[object RegExp]"

六、为什么typeof null 是Object

因为在JavaScript中，不同的对象都是使用二进制存储的，如果二进制前三位都是0的话，系统会判断为是Object类型，而null的二进制全是0，自然也就判断为Object

【拓展】000 =》对象；1 =》整型；010 =》双精度类型；100 =》字符串；110 =》布尔类型

七、`==`和`===`有什么区别

`1、===`

严格意义上的相等，会比较两边的数据类型和值大小

数据类型不同返回false
数据类型相同，但值大小不同，返回false

`2、==`

非严格意义上的相等，

两边类型相同，比较大小
两边类型不同，根据下方表格，再进一步进行比较。

Null == Undefined ->true
String == Number ->先将String转为Number，在比较大小
Boolean == Number ->现将Boolean转为Number，在进行比较
Object == String，Number，Symbol -> Object 转化为原始类型

八、`NaN === NaN`返回什么

返回 false，NaN永远不等于NaN。

判断是否为NaN用一个函数isNaN来判断。isNaN传入的如果是其他数据类型，那么现将它使用Number()转为数字类型在进行判断

九、字面量创建对象和new创建对象有什么区别

字面量：

字面量创建对象更简单，方便阅读
不需要作用域解析，速度更快

new：

创建一个新对象
使新对象的__proto__指向原函数的prototype
改变this指向（指向新的obj）并执行该函数，执行结果保存起来作为result
判断执行函数的结果是不是null或Undefined，如果是则返回之前的新对象，如果不是则返回result

十、new会发生的事

创建一个新对象
使新对象的__proto__指向原函数的prototype
改变this指向（指向新的obj）并执行该函数，执行结果保存起来作为result
判断执行函数的结果是不是null或Undefined，如果是则返回之前的新对象，如果不是则返回result

手写new：见=》JavaScript手写题_Kw_Chng的博客-CSDN博客

十一、call、apply、bind的区别

1、使用

fn.call(thisArg, arg1, arg2, arg3, ...)
调用fn.call时会将fn中的this指向修改为传入的第一个参数thisArg；
将后面的参数传入给fn,并立即执行函数fn

apply(thisArg, [argsArr])
fn.apply的作用和call相同：修改this指向，并立即执行fn。
apply接受两个参数，第一个参数是要指向的this对象，
第二个参数是一个数组，数组里面的元素会被展开传入fn,作为fn的参数

bind(thisArg, arg1, arg2, arg3, ...)
fn.bind的作用是只修改this指向，但不会立即执行fn；会返回一个修改了this指向后的fn。
需要调用才会执行:bind(thisArg, arg1, arg2, arg3, ...)()。bind的传参和call相同

2、相同点

三个都是用于改变this指向；
接收的第一个参数都是this要指向的对象；
都可以利用后续参数传参。

3、不同点

call和bind传参相同，多个参数依次传入的；
apply只有两个参数，第二个参数为数组；
call和apply都是对函数进行直接调用，而bind方法不会立即调用函数，而是返回一个修改this后的函数。

手写call、apply、bind：见=》JavaScript手写题_Kw_Chng的博客-CSDN博客