2、第二部分：进阶篇(30题)..pdfVIP

-第⼆部分：进阶篇|FE-Interview

第⼆部分：进阶篇

⼀、JS

1谈谈变量提升

当执⾏JS代码时，会⽣成执⾏环境，只要代码不是写在函数中的，就是在

全局执⾏环境中，函数中的代码会产⽣函数执⾏环境，只此两种执⾏环境。

js

b()//callb

console.log(a)//undefined

vara'Helloworld'

functionb(){

console.log('callb')

}

想必以上的输出⼤家肯定都已经明⽩了，这是因为函数和变量提升的原因。通

常提升的解释是说将声明的代码移动到了顶部，这其实没有什么错误，便于⼤

家理解。但是更准确的解释应该是：在⽣成执⾏环境时，会有两个阶段。第⼀

个阶段是创建的阶段，JS解释器会找出需要提升的变量和函数，并且给他们

提前在内存中开辟好空间，函数的话会将整个函数存⼊内存中，变量只声明并

且赋值为undefined，所以在第⼆个阶段，也就是代码执⾏阶段，我们可以

直接提前使⽤

在提升的过程中，相同的函数会覆盖上⼀个函数，并且函数优先于变量提升

js

b()//callbsecond

functionb(){

console.log('callbfist')

}

functionb(){

blog.poetries.top/FE-Interview-Questions/improve/#⼀、js1/27

-第⼆部分：进阶篇|FE-Interview

console.log('callbsecond')

}

varb'Helloworld'

var会产⽣很多错误，所以在ES6中引⼊了let。let不能在声明前使

⽤，但是这并不是常说的let不会提升，let提升了，在第⼀阶段内存也

已经为他开辟好了空间，但是因为这个声明的特性导致了并不能在声明前使⽤

2bind、call、apply区别

call和apply都是为了解决改变this的指向。作⽤都是相同的，只是传参的⽅式

不同。

除了第⼀个参数外，call可以接收⼀个参数列表，apply只接受⼀个参数数组

js

leta{

value:1

}

functiongetValue(name,age){

console.log(name)

console.log(age)

console.log(this.value)

}

getValue.call(a,'yck','24')

getValue.apply(a,['yck','24'])

bind和其他两个