js面试题知识点全解(一作用域和闭包)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js面试题知识点全解(一作用域和闭包)相关的知识,希望对你有一定的参考价值。

问题:

1.说一下对变量提升的理解

2.说明this几种不同的使用场景

3.如何理解作用域

4.实际开发中闭包的应用

知识点:

js没有块级作用域
只有函数和全局作用域,如下代码:

if(true){
        var name=‘killua‘ //把name定义在块里和放在外面是一样的,等同于在外面声明一个变量name,在块内给name赋值
    }//同等于下面的代码
    //建议用下面方式写
    var name
    if(true){
        name=‘killua‘
    }
    console.log(name) //打印出来killua

    //函数和全局作用域
    var a=100 //定义全局作用域变量
    function fn(){
        var a=200  //在函数中定义变量不会污染外面定义的变量,只能函数里面用
        console.log(‘fn‘, a) 
    }

当前作用域没有定义某个变量,所以要去它的父级作用域找,这样的就是作用域链

//作用域链例子1
var a = 100 //自由变量
function fn(){
    var b = 200
    console.log(a) 
    console.log(b)
}
fn()
//作用域链例子2
var x =100
function F1(){
    var y = 200
    function F2(){
        var z =300
        console.log(x)
        console.log(y)
        console.log(z)
    }
    F2()
}
F1()

作用域和闭包-执行上下文

console.log(a); //undefined
var a=10;  //这种写法,因为a是全局变量。会把var a;提到最前面
/*以上代码等同于:
var a;
console.log(a);
a=10;*/

fn("killua");
function fn(name){
    console.log(name)
}  //函数声明会提前到最前面,所以可以先执行函数,再声明函数也可以

fn(‘killua‘)
function fn(name){
    console.log(this) //
    console.log(arguments) //参数
    age=10
    console.log(name, age)
    var age

    bar(100)
    function bar(num){
        console.log(num)
    } //在函数内也会把函数声明,变量声明提到函数内部最前面
} //函数执行完输出
    //killua 10
    //100

this介绍:

this要在执行时才能确认,定义时无法确认

var a= {
    name = ‘killua‘,
    fn: function(){
        console.log(this.name)
    }
}
a.fn() //this===a

a.fn.call({name:‘L‘}) //this==={name:‘L‘}

var fn1 =a.fn
fn1() //this===window

构造函数中的this

1 function Foo(name){
2     this.name = name
3 }
4 var f = new Foo(‘killua‘) //实例化

对象中的this

1 var obj = {
2     name:‘L‘
3     printName: function(){
4         console.log(this.name)
5     } 
6 }
7 obj.printName() //作为对象属性来执行,this指向obj这个对象

普通函数中的this

1 function fn(){
2     console.log(this) //作为一个普通函数执行,this === window
3 }
4 fn()

call apply bind

1 function fn1(name,age){
2     console.log(this)
3 }
4 fn1.call({x:10},"killua",20) //call调用一个对象的一个方法,以另一个对象替换当前对象,这里把this替换成{x:10}
5 fn2.apply({x:10},[‘killua‘,20]) //apply和call方法一样,只是用数组的方式传递参数,call比较常用
6 var  fn3 = function(name,age){
7     console.log(this)
8 }.bind({y:200}) //.bind()方法和前两个一样,把this替换成{y:200},但是必须用在函数表达式,不能用在普通函数
9 fn3(‘killua‘,20)

以上知识点总结出题目内容

说一下对变量提升的理解:
1.变量定义 //变量声明会提前
2.函数声明(注意和函数表达式的区别) //函数声明提升

说明this几种不同的使用场景:
1.作为构造函数执行
2.作为对象属性执行
3.作为普通函数执行
4.call apply bind

如何理解作用域:
1.自由变量
2.作用域链,即自由变量的查找
3.闭包的两个场景(持续更新中...)











以上是关于js面试题知识点全解(一作用域和闭包)的主要内容,如果未能解决你的问题,请参考以下文章

js 闭包(面试题)

闭包的特点&&闭包面试题

进击的JavaScript|高薪面试必看JS基础-作用域和闭包

Javascript中关于作用域和闭包和域解释的面试题

了解js基础知识中的作用域和闭包以及闭包的一些应用场景,浅析函数柯里化

js面试题知识点全解(一原型和原型链1)