美文网首页
前端刷题记录-口述题(JS)

前端刷题记录-口述题(JS)

作者: 鐵衣 | 来源:发表于2022-04-25 18:14 被阅读0次

    1. 说一说cookie sessionStorage localStorage 区别?

    需要从 数据存储位置、生命周期、存储大小、写入方式、数据共享、发送请求时是否携带、应用场景 来回答.
    标准回答:
    Cookie、SessionStorage、 LocalStorage都是浏览器的本地存储。
    它们的共同点:都是存储在浏览器本地的
    它们的区别:cookie是由服务器端写入的,而SessionStorage、 LocalStorage都是由前端写入的,cookie的生命周期是由服务器端在写入的时候就设置好的,LocalStorage是写入就一直存在,除非手动清除,SessionStorage是页面关闭的时候就会自动清除。cookie的存储空间比较小大概4KB,SessionStorage、 LocalStorage存储空间比较大,大概5M。Cookie、SessionStorage、 LocalStorage数据共享都遵循同源原则,SessionStorage还限制必须是同一个页面。在前端给后端发送请求的时候会自动携带Cookie中的数据,但是SessionStorage、 LocalStorage不会.
    加分回答: 由于它们的以上区别,所以它们的应用场景也不同,Cookie一般用于存储登录验证信息SessionID或者token,LocalStorage常用于存储不易变动的数据,减轻服务器的压力,SessionStorage可以用来检测用户是否是刷新进入页面,如音乐播放器恢复播放进度条的功能。

    2.说一说JS数据类型有哪些,区别是什么?

    得分点Number、String、Boolean、BigInt、Symbol、Null、Undefined、Object 8种
    标准回答
    JS数据类型分为两类:一类是基本数据类型,也叫简单数据类型,包含7种类型,分别是Number 、String、Boolean、BigInt、Symbol、Null、Undefined。另一类是引用数据类型也叫复杂数据类型,通常用Object代表,普通对象,数组,正则,日期,Math数学函数都属于Object。

    数据分成两大类的本质区别:基本数据类型和引用数据类型它们在内存中的存储方式不同。
    基本数据类型是直接存储在栈中的简单数据段,占据空间小,属于被频繁使用的数据。
    引用数据类型是存储在堆内存中,占据空间大。引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址,当解释器寻找引用值时,会检索其在栈中的地址,取得地址后从堆中获得实体。

    加分回答
    Symbol是ES6新出的一种数据类型,这种数据类型的特点就是没有重复的数据,可以作为object的key。
    数据的创建方法Symbol(),因为它的构造函数不够完整,所以不能使用new Symbol()创建数据。由于Symbol()创建数据具有唯一性,所以 Symbol() !== Symbol(), 同时使用Symbol数据作为key不能使用for获取到这个key,需要使用Object.getOwnPropertySymbols(obj)获得这个obj对象中key类型是Symbol的key值。

    let key = Symbol('key');
    let obj = { [key]: 'symbol'};
    let keyArray = Object.getOwnPropertySymbols(obj); // 返回一个数组[Symbol('key')]
    obj[keyArray[0]] // 'symbol'

    BigInt也是ES6新出的一种数据类型,这种数据类型的特点就是数据涵盖的范围大,能够解决超出普通数据类型范围报错的问题。

    使用方法:
    -整数末尾直接+n:647326483767797n
    -调用BigInt()构造函数:BigInt("647326483767797")

    注意:BigInt和Number之间不能进行混合操作

    相关文章

      网友评论

          本文标题:前端刷题记录-口述题(JS)

          本文链接:https://www.haomeiwen.com/subject/lexqyrtx.html