2022前端最新面试题

目录

1.JavaScript 有哪些数据类型,它们的区别?

2.数据类型检测的方式有哪些?

3.null 和undefined 区别

 4.intanceof 操作符的实现原理及实现

5.如何获取安全的undefined 值?

 6.Object.is() 与比较操作符“===”、“==” 的区别?

7.什么是JavaScript 中的包装类型? 

8.为什么会有BigInt 的提案?

 9.const 对象的属性可以修改吗?

 10.如果new 一个箭头函数的会怎么样?

1.JavaScript 有哪些数据类型,它们的区别?

JavaScript 共有八种数据类型,分别是Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。其中Symbol 和BigInt 是ES6 中新增的数据类型:
●Symbol 代表创建后独一无二且不可变的数据类型,它主要是为了解决可能出现的全局变量冲突的问题。
●BigInt 是一种数字类型的数据,它可以表示任意精度格式的整数,使用BigInt 可以安全地存储和操作大整数,即使这个数已经超出了Number 能够表示的安全整数范围。这些数据可以分为原始数据类型和引用数据类型:
●栈:原始数据类型(Undefined、Null、Boolean、Number、String)
●堆:引用数据类型(对象、数组和函数)两种类型的区别在于存储位置的不同:
●原始数据类型直接存储在栈(stack)中的简单数据段,占据空间小、大小固定,属于被频繁使用数据,所以放入栈中存储;
●引用数据类型存储在堆(heap)中的对象,占据空间大、大小不固定。如果存储在栈中,将会影响程序运行的性能;引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址。当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实体。堆和栈的概念存在于数据结构和操作系统内存中,在数据结构中:
●在数据结构中,栈中数据的存取方式为先进后出。
●堆是一个优先队列,是按优先级来进行排序的,优先级可以按照大小来规定。在操作系统中,内存被分为栈区和堆区:

●栈区内存由编译器自动分配释放,存放函数的参数值,局部变量的值等。其操作方式类似于数据结构中的栈。
●堆区内存一般由开发着分配释放,若开发者不释放,程序结束时可能由垃圾回收机制回收。

2.数据类型检测的方式有哪些?

(1)typeof

 其中数组、对象、null 都会被判断为object,其他判断都正确。

(2)instanceof
instanceof 可以正确判断对象的类型,其内部运行机制是判断在其原型链中能否找到该类型的原型。

可以看到,instanceof 只能正确判断引用数据类型,而不能判断基本数据类型。instanceof 运算符可以用来测试一个对象在其原型链是否存在一个构造函数的prototype 属性。

 (3) constructor

 constructor 有两个作用,一是判断数据的类型,二是对象实例通过constrcutor 对象访问它的构造函数。需要注意,如果创建一个对象来改变它的原型,constructor 就不能用来判断数据类型了:

 (4)Object.prototype.toString.call()

Object.prototype.toString.call() 使用Object 对象的原型方法toString 来判断数据类型:

同样是检测对象obj 调用toString 方法,obj.toString()的结果和Object.prototype.toString.call(obj)的结果不一样,这是为什么?
这是因为toString 是Object 的原型方法,而Array、function 等类型作为Object 的实例,都重写了toString 方法。不同的对象类型调用toString 方法时,根据原型链的知识,调用的是对应的重写之后的toString 方法(function 类型返回内容为函数体的字符串,Array类型返回元素组成的字符串…),而不会去调用Object 上原型toString 方法(返回对象的具体类型),所以采obj.toString()不能得到其对象类型,只能将obj 转换为字符串类型;因此,在想要得到对象的具体类型时,应该调用Object 原型上的toString 方法。

3.null 和undefined 区别

首先Undefined 和Null 都是基本数据类型,这两个基本数据类型分别都只有一个值,就是undefined 和null。
undefined 代表的含义是未定义,null 代表的含义是空对象。一般变量声明了但还没有定义的时候会返回undefined,null 主要用于赋值给一些可能会返回对象的变量,作为初始化。
undefined 在JavaScript 中不是一个保留字,这意味着可以使用undefined 来作为一个变量名,但是这样的做法是非常危险的,它会影响对undefined 值的判断。我们可以通过一些方法获得安全的
undefined 值,比如说void 0。
当对这两种类型使用typeof 进行判断时,Null 类型化会返回“object”,这是一个历史遗留的问题。当使用双等号对两种类型的值进行比较时会返回true,使用三个等号时会返回false。

 4.intanceof 操作符的实现原理及实现

instanceof 运算符用于判断构造函数的prototype 属性是否出现在对象的原型链中的任何位置。

5.如何获取安全的undefined 值?

因为undefined 是一个标识符,所以可以被当作变量来使用和赋值,但是这样会影响undefined 的正常判断。表达式void ___ 没有返回值,因此返回结果是undefined。void 并不改变表达式的结果,只是让表达式不返回值。因此可以用void 0 来获得undefined6.。

 6.Object.is() 与比较操作符“===”、“==” 的区别?

 使用双等号(==)进行相等判断时,如果两边的类型不一致,则会进行强制类型转化后再进行比较。
使用三等号(===)进行相等判断时,如果两边的类型不一致时,不会做强制类型准换,直接返回false。
使用Object.is 来进行相等判断时,一般情况下和三等号的判断相同,它处理了一些特殊的情况,比如-0 和+0 不再相等,两个NaN是相等的。

7.什么是JavaScript 中的包装类型? 

在JavaScript 中,基本类型是没有属性和方法的,但是为了便于操作基本类型的值,在调用基本类型的属性或方法时JavaScript 会在后台隐式地将基本类型的值转换为对象,如:

 在访问'abc'.length 时, JavaScript 将'abc' 在后台转换成String('abc'),然后再访问其length 属性。
JavaScript 也可以使用Object 函数显式地将基本类型转换为包装类型:

 也可以使用valueOf 方法将包装类型倒转成基本类型:

看看如下代码会打印出什么:

答案是什么都不会打印,因为虽然包裹的基本类型是false,但是false 被包裹成包装类型后就成了对象,所以其非值为false,所以循环体中的内容不会运行。

8.为什么会有BigInt 的提案?

JavaScript 中Number.MAX_SAFE_INTEGER 表示最⼤安全数字,计算结果是9007199254740991,即在这个数范围内不会出现精度丢失(⼩数除外)。但是⼀旦超过这个范围,js 就会出现计算不准确的情况,这在⼤数计算的时候不得不依靠⼀些第三⽅库进⾏解决,因此官⽅提出了BigInt 来解决此问题。

 9.const 对象的属性可以修改吗?

const 保证的并不是变量的值不能改动,而是变量指向的那个内存地址不能改动。对于基本类型的数据(数值、字符串、布尔值),其值就保存在变量指向的那个内存地址,因此等同于常量。
但对于引用类型的数据(主要是对象和数组)来说,变量指向数据的内存地址,保存的只是一个指针,const 只能保证这个指针是固定不变的,至于它指向的数据结构是不是可变的,就完全不能控制了。

 10.如果new 一个箭头函数的会怎么样?

箭头函数是ES6 中的提出来的,它没有prototype,也没有自己的this指向,更不可以使用arguments 参数,所以不能New 一个箭头函数。new 操作符的实现步骤如下:
1.创建一个对象
2.将构造函数的作用域赋给新对象(也就是将对象的__proto__属性指向构造函数的prototype 属性)
3.指向构造函数中的代码,构造函数中的this 指向该对象(也就是为这个对象添加属性和方法)
4.返回新的对象所以,上面的第二、三步,箭头函数都是没有办法执行的。

猜你喜欢

转载自blog.csdn.net/weixin_51338875/article/details/127706597