Vue前端面试题（一）

1.闭包

闭包：一个方法里返回一个方法

function a(){
 let a=2
let b=1
return function(){
return b                 //闭包里面返回什么外部才能拿到什么 因为代码结束后闭包中b没被销毁，常驻于内存中
}
}

闭包存在的意义

1延长变量的生命周期

例如：上面代码块中的b 代码执行结束不会被销毁 ，常驻于内存中，因此闭包要慎用（类似于全局变量不会被垃圾回收）

2创造私有环境

Vue中data(){}为什么是一个函数

data(){
return:{          //这就是一个闭包，把各个组件中的data设为私有属性，其它组件访问不到

}

2.作用域链

let name="小张"function fn2(){

    let name="小白"
    function fn3(){
        let name="小红"                  
        console.log(name)  //会输出小红  因为存在作用域链会一层一层往上找（就近原则输出）
    }
    fn3()
}
fn2() 

3..ES6相关面试题

3.1.let 和var

代码提升

console.log(name)              console.log(name)
let name="张三" //报错         var name="张三"  //undefined

let不能重复声明

var name="张三"                   let  name="张三"
var name="李四"                   let name="李四"
console.log(name)  //李四         console.log(name)//报错

let有块级作用域

function fn(){
for(var i=0;i<3;i++){
console.log(i) //0  1  2
}
console.log(i) //3  var没有块级作用域在for循环体外可以访问
}
fn()

3.2 const

• const声明的值必须赋值否则报错

• const声明的值不能被修改否则报错(数组和对象除外)

• const支持let的上面特点

3.3关于解构相关

a b 互换

let a=1
let b=2
[a,b]=[b,a]
console.log(a,b) //2,1

3.4数组去重set集合

let arr=[1,2,3,2,3,4]
let result=[...new set(arr)]