某小厂前端面试题，考点，关于this

最新推荐文章于 2022-11-16 07:56:35 发布

aabbjj

最新推荐文章于 2022-11-16 07:56:35 发布

阅读量702

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/aabbjj/article/details/90377899

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文主要探讨了在JavaScript中this关键字的用法及其在不同场景下的指向问题，包括函数调用、方法调用、构造函数以及箭头函数等情况下this的指向。通过对实际面试题的分析，帮助读者深入理解this的精髓，提升前端面试的准备效率。

摘要由CSDN通过智能技术生成

//补充注释区块的代码

class m {
    static instance(){
        //返回实例
    }
    nameA(){
        //返回调用的实例名称
    }
    static nameB(){
        //返回调用的类名
    }
}
class A extends m {}
class B extends m {}

A.instance().nameA()   //'A'
B.nameB()  //'B'

答案：

class m {
    static instance(){
        //返回实例
        return new this
    }
    nameA(){
        //返回调用的实例名称
        return this.constructor.name
    }
    static nameB(){
        //返回调用的类名
        return this.name
    }
}

考点：this,第一个函数里的this是类对象即A,所以new this 即new A；第二个函数里的this是new A得到的实例对象；第三个函数里的this即调用的类，即B



//链表，补充注释处代码

class Link{
    static fromAry(ary){
        let head=new this;
        ary.reduce((pre,data)=>{
            let node=new this;
            pre.next=node
            node.data=data
            return node
        },head)
        return head
    }
    toAry(){
        let ary=[]
        for(let node=this.next;;node=node.next){
            if(!node)break;
            ary.push(node.data)
        }
        return ary
    }
    length(){
        //链表长度
    }
    sort(){
        //链表排序
    }
}

let link=Link.fromAry([1,6,3,4,2])
link.sort() //1->2->3->4->6

答案：

class Link{
    static fromAry(ary){
        let head=new this;
        ary.reduce((pre,data)=>{
            let node=new this;
            pre.next=node
            node.data=data
            return node
        },head)
        return head
    }
    toAry(){
        let ary=[]
        for(let node=this.next;;node=node.next){
            if(!node)break;
            ary.push(node.data)
        }
        return ary
    }
    length(){
        //链表长度
        return this.toAry().length
    }
    sort(){
         //链表排序
         let sortAry= this.toAry().sort((a,b)=>{return a-b})
         return Link.fromAry(sortAry)
    }
}