每天10个js面试题(一)

1.js基本数据类型？

• JavaScript 共有八种数据类型，分别是
• Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。
• 其中 Symbol 和 BigInt 是 ES6 中新增的数据类型

---

2.let、const、var的区别？

• let和const有暂时性死区，var没有
• let和const声明的变量具有块级作用域，var没有
• let和const不可以重复声明，var可以
• const赋值后不可以重新赋值，let和var可以重新赋值
• const必须有初始值、let和var不需要

---

3.数据类型检测的方式有哪些？

• typeof   除了null 的基本数据类型都能正确判断，复杂数据类型判断为object 
• instanceof   可以正确判断对象的类型，原理是判断在其原型链中能否找到该类型的原型。
• constructor   原理是通过构造函数来进行判断
• Object.prototype.toString.call   可以判断所有数据类型

---

4.null 和 undefined 区别？

• undefined 代表的含义是未定义
• null 代表的含义是空对象
• 一般变量声明了但还没有定义的时候会返回undefined
• null 主要用于赋值给一些可能会返回对象的变量，作为初始化。

---

5.判断一个对象为空对象的方式？

• JSON.stringfy({})==='{}' （转化为字符串对比）
• object.keys({}).length===0（获取对象的key数组的长度为0）
• object.values({}).length===0 （获取对象的value数组的长度为0）
• object.hasOwnProptyName({}).length===0（获取自身属性数组长度为0）
• 使用for in循环遍历，在遍历里返回false，外部返回true

---

6.箭头函数和普通函数的区别？

• 箭头函数没有自己的this
• 箭头函数不能使用关键字new，会报错
• 箭头函数不能作为构造函数
• 箭头函数没有prototype（原型）
• 箭头函数没有arguments（参数列表）
• 箭头函数不能作为生成器函数

---

7.this指向？

• this指向函数的直接调用者（而非间接调用者，也就是.前面的）
• 如果有new关键字，this指向new出来的那个对象
• 在事件中，this指向目标元素，特殊的是IE的attachEvent中的this总是指向全局对象window

---

8.什么是跨域？

        跨域就是，从网页去请求另一个域名的资源时，如果有域名、端口、协议其中一个不同，都会导致浏览器跨域。这是浏览器的一种保护机制。

常用解决方案：

• 跨域资源共享（CORS）
• nginx代理跨域 
• nodejs中间件代理跨域
• jsonp跨域
• postMessage

---

9.cookie和storage的区别？

• 存储大小不同，cookie空间只有4k，localStorage和SeesionStorage有5M
• 生命周期不同，cookie可以设置生命周期，localstorage生命周期是永久，sessionstorage生命周期是会话级别，浏览器关闭就销毁
• 作用域不同，cookie前后端都可以修改，storage只用于前端    
• cookie会自动携带在请求中，localStorage和SeesionStorage不会 

---

10.get和post的区别？

• 请求方式不同，一种语意是获取，一种是提交，通常在请求数据时用get，修改数据时用post
• 参数位置不同，get 是在拼接在url后面，post是在请求体body里
• 参数类型不同，get只能携带查询字符串，post可以携带json、formdata格式还有其他格式
• get参数长度有限制，post无限制
• get是明文传递参数，post是密文，get不安全
• get会被浏览器主动缓存，post不会