3月30日 面试题1. scoped作用与原理,2. vue生命周期分为几个阶段？以及每个阶段所对应的钩子函数3.在子组件中访问父组件的实例的三种方法？4.Promisse是什么？有哪几种状态

1. scoped作用与原理

   1. scoped是一个CSS预处理器的功能，用于限定样式的作用范围。scoped的原理是通过给样式规则添加一个唯一的选择器，使得这些样式只在指定的DOM元素中生效，而不影响其他元素。

2. vue生命周期分为几个阶段？以及每个阶段所对应的钩子函数

   Vue生命周期分为八个阶段，每个阶段都对应着一系列的钩子函数，它们分别是：
   1. beforeCreate：实例刚在内存中被创建出来，此时还没有初始化好data和methods属性。
   2. created：实例已经在内存中创建完成，data和methods已经初始化好了，但此时还没有开始编译模板。
   3. beforeMount：模板已经编译完成，但尚未挂载到页面中。
   4. mounted：模板已经挂载到页面中，此时可以进行DOM操作。
   5. beforeUpdate：响应式数据发生变化，但还没有更新到视图中，此时可以修改数据，但不会触发重新渲染。
   6. updated：响应式数据已经更新到视图中，此时可以进行DOM操作。
   7. beforeDestroy：实例即将被销毁，此时还可以进行一些操作。
   8. destroyed：实例已经被销毁，此时不能再进行任何操作了。
   在实际开发中，我们可以利用这些钩子函数来进行一些初始化操作、数据处理、DOM操作等，从而更好地控制组件的生命周期，提高代码的可读性和可维护性。

3. 在子组件中访问父组件的实例的三种方法？

   1. props：在父组件中通过props将需要访问的实例传递给子组件，在子组件中通过props访问。
   2. $parent：在子组件中可以通过`this.$parent`访问父组件的实例，但是这种方法存在一定的耦合性，不太推荐使用。
   3. $refs：在父组件中给子组件添加一个ref，然后可以在父组件中通过`this.$refs`访问子组件的实例。但需要注意的是，只有在子组件被渲染后，才能够访问到子组件的实例。

   4.Promisse是什么？有哪几种状态 ? 怎么用？

   Promise是一种异步编程的解决方案，它表示一个异步操作最终的完成或者失败，并且返回相应的结果或错误信息。Promise具有以下三种状态：
   1. pending（进行中）：初始状态，表示异步操作还在进行中。
   2. fulfilled（已成功）：异步操作成功完成，返回了相应的结果。
   3. rejected（已失败）：异步操作失败，抛出了相应的错误信息。
   Promise的使用方法如下：
     创建Promise对象：通过Promise构造函数创建一个Promise对象，一般情况下需要传入一个函数，该函数接收两个参数，分别是resolve和reject，分别表示异步操作成功和失败的回调函数。
     处理异步操作结果：通过then方法和catch方法分别处理异步操作成功和失败的结果，then和catch方法都需要传入一个函数作为回调，该函数的参数就是异步操作返回的结果或错误信息。
     Promise的链式调用：如果需要多次异步操作，可以通过then方法的链式调用来实现，将多个异步操作串联起来，依次执行。

   5.请说说你对作用域链的理解？

作用域链是JavaScript中作用域与变量查找机制的核心概念之一。在JavaScript中，每个函数都有自己的作用域，作用域链就是由多个作用域链表（Scope Chain）组成的链式结构，用来保存当前函数中可访问到的变量和函数。
当在函数中访问一个变量时，JavaScript引擎会从当前函数的作用域链中开始查找，如果当前作用域中没有找到该变量，则会向上一级作用域中查找，直到找到该变量或者查找到全局作用域。如果在全局作用域中也没有找到该变量，则会抛出一个ReferenceError错误。
作用域链的构成：
1. 当前函数的执行上下文（Execution Context）。
2. 当前函数所在的词法环境（Lexical Environment）。
3. 外部函数的执行上下文和词法环境，依次往上查找，直到全局作用域。
作用域链的作用：
1. 解决变量命名冲突的问题，保证不同作用域中的变量名不会相互影响。
2. 实现变量和函数的封装，保护内部变量和函数不被外部访问。
总的来说，作用域链是JavaScript中非常重要的一个概念，理解作用域链的运行机制，有助于我们更好地理解JavaScript的作用域与闭包等高级概念，并且能够编写出更加健壮和可维护的代码。