每日一题大厂面试题---(JS的数据类型)

最新推荐文章于 2024-05-01 02:52:31 发布

卡乐C前端

最新推荐文章于 2024-05-01 02:52:31 发布

阅读量221

点赞数

文章标签： js

本文链接：https://blog.csdn.net/youshenshiwoye/article/details/115599923

版权

每日一刷大厂面试题
腾讯面试题:

1.JS的数据类型

JS的数据类型事实上有8种。Number、String、Boolean、Null、undefined、object、symbol、bigInt。
是不是一脸懵逼。。。
除了Number，String，Boolean，Null，undefined，object以外，另外两种基本上没接触过。
那么重点研究下这两种数据类型。

1.symbol类型

这是一种在ES6 中新添加的数据类型。
简单来讲，就是一个唯一的标识符。
比如

let id1 = '这描写的值和下面一样，他就会相等';
let id2 = '这描写的值和下面一样，他就会相等'; 
console.log(id === id);//true

let id1 = Symbol('无论这描写的值和下面一样，他永远都不会相等');
let id2 = Symbol('无论这描写的值和下面一样，他永远都不会相等');
console.log(id1 === id2);//false

这就是这个类型的特点，不过因为其特点会导致很多使用的局限，类似:

Symbol 值不能与其他类型的值进行运算
let sym = Symbol('My symbol');
"your symbol is " + sym //会报错

1.1应用场景

应用场景1：使用Symbol来作为对象属性名(key)

在这之前，我们通常定义或访问对象的属性时都是使用字符串，比如下面的代码：

let obj = {
  "hello": "world"
}
obj["hello"] // 'world'
而现在，Symbol可同样用于对象属性的定义和访问：
const PROP_NAME = Symbol()
let obj = {
  [PROP_NAME]: "一斤代码"
}
obj[PROP_NAME] // '一斤代码'

那么用了Symbol作为对象的属性key后，，有什么意义？
Object.keys()或者for…in来枚举对象的属性名，Symbol类型的key是不会被枚举到的，也就是这个属性变得更私有了。诸如此类的JSON.parse(JSON.stringify(obj))方法也不能复制属性名带有Symbol的属性。

	let name = Symbol();
	let obj = {
	   [name]: '一斤代码',
	   age: 18
	}
	Object.keys(obj)   // ['age']
	for (let p in obj) {
	   console.log(p)   // 会输出：'age'
	}

应用场景2：使用Symbol定义类的私有属性/方法

我们知道在JavaScript中，是没有如Java等面向对象语言的访问控制关键字private的，类上所有定义的属性或方法都是可公开访问的。因此这对我们进行API的设计时造成了一些困扰。

而有了Symbol以及模块化机制，类的私有属性和方法才变成可能。例如：

在文件 a.js中

const PASSWORD = Symbol()

class Login {
  constructor(username, password) {
    this.username = username
    this[PASSWORD] = password
  }

  checkPassword(pwd) {
      return this[PASSWORD] === pwd
  }
}

export default Login

在文件 b.js 中

import Login from './a'

const login = new Login('admin', '123456')

login.checkPassword('123456')  // true

login.PASSWORD  // oh!no!
login[PASSWORD] // oh!no!
login["PASSWORD"] // oh!no!

由于Symbol常量PASSWORD被定义在a.js所在的模块中，外面的模块获取不到这个Symbol，也不可能再创建一个一模一样的Symbol出来（因为Symbol是唯一的），因此这个PASSWORD的Symbol只能被限制在a.js内部使用，所以使用它来定义的类属性是没有办法被模块外访问到的，达到了一个私有化的效果。

注册和获取全局Symbol

通常情况下，我们在一个浏览器窗口中（window），使用Symbol()函数来定义和Symbol实例就足够了。但是，如果你的应用涉及到多个window（最典型的就是页面中使用了iframe），并需要这些window中使用的某些Symbol是同一个，那就不能使用Symbol()函数了，因为用它在不同window中创建的Symbol实例总是唯一的，而我们需要的是在所有这些window环境下保持一个共享的Symbol。这种情况下，我们就需要使用另一个API来创建或获取Symbol，那就是Symbol.for()，它可以注册或获取一个window间全局的Symbol实例：

let gs1 = Symbol.for('global_symbol_1')  //注册一个全局Symbol
let gs2 = Symbol.for('global_symbol_1')  //获取全局Symbol

gs1 === gs2  // true

这样一个Symbol不光在单个window中是唯一的，在多个相关window间也是唯一的了。

好了，通过以上这些例子，你现在是不是开始对ES6的这个Symbol功能有点了解了呢？Symbol在JS内部也有很多应用，比如迭代器(Iterator)等，大家可以以此为出发点，发掘出更多相关知识点，深入的理解Symbol的用法和使用场景

版权属于：一斤代码
参考链接：https://www.jianshu.com/p/f40a77bbd74e

2.bigInt类型

简单来讲，就是一个更安全可靠的数字类型，这个安全不是指的保密性的安全，而是计算的可靠和安全性，因为原来的number类型有所谓的可靠最大值和可靠最小值（9007199254740991，-9007199254740991）
JS 提供Number.MAX_SAFE_INTEGER常量来表示最大安全整数，Number.MIN_SAFE_INTEGER常量表示最小安全整数。超出这个安全数的计算将变得不精确，会有意外的四舍五入发生。
就这么简单。biglnt的声明方式就是数字后面加个n 比如 10n。