JavaScript：面试频繁出现的几个易错点_守候i的专栏文章_微信文章

1.前言

这段时间，金三银四，很多人面试，很多人分享面试题。在前段时间，我也临时担任面试官，为了大概了解面试者的水平，我也写了一份题目，面试了几个前端开发者。在这段时间里面，我在学，在写设计模式的一些知识，想不到的设计模式的这些知识，就是面试题里面，频繁让人掉坑的考点。所以，今天就总结一下，那些让人掉坑的考点。

2.面向对象编程

关于面向对象和面向过程，个人觉得这两者不是绝对独立的，而是相互相成的关系。至于什么时候用面向对象，什么时候用面向过程，具体情况，具体分析。

针对于面向对象编程的。知乎上有一个高赞回答：

面向对象：狗.吃(屎)
面向过程：吃.(狗,屎)

但是这个例子觉得不太优雅，我改一下了，举一个优雅些的小例子说明一下面向对象和面向过程的区别。

需求：定义‘ 守候吃火锅 ’

面向对象的思想是： 守候.动作(吃火锅)

面向过程的思想是： 动作(守候,吃火锅)

代码实现方面：

//面向对象
//定义人（姓名）
let People=function(name){
    this.name=name;
}
//动作
People.prototype={
    eat:function(someThing){
        console.log(`${this.name}吃${someThing}`);
    }
}
//守候是个人，所以要创建一个人(new一次People)
let shouhou=new People('守候','男',24);
shouhou.eat('火锅');

//面向过程
let eat=function(who,someThing){
    console.log(`${who}吃${someThing}`);
}
eat('守候','火锅');

结果都一样，都是输出‘守候吃火锅’。但是万一我现在吃饱了，准备写代码了。这下怎么实现呢？看代码

//面向对象
shouhou.coding=function(){
    console.log(this.name+'写代码');
}
shouhou.coding();
//面向过程
let coding=function(who){
    console.log(who+'写代码');
}
coding('守候');

结果也一样：‘守候写代码’

但是不难发现面向对象更加的灵活，复用性和扩展性更加。因为面向对象就是针对对象（例子中的：‘守候’）来进行执行某些动作。这些动作可以自定义扩展。
而面向过程是定义很多的动作，来指定谁来执行这个动作。

好了，面向对象的简单说明就到这里了，至于面向对象的三大特性：继承，封装，多态这个自行上网查找资料。

3.this

使用 JavaScript 开发的时候，很多开发者多多少少会被 this 的指向搞蒙圈，但是实际上，关于 this 的指向，记住最核心的一句话： 哪个对象调用函数，函数里面的this指向哪个对象。

下面分几种情况谈论下

3-1.普通函数调用

这个情况没特殊意外，就是指向全局对象-window。

let username='守候'
function fn(){
    alert(this.username);//underfind
}
fn();

可能大家会困惑，为什么不是输出 守候 ，但是在细看一看，我声明的方式是 let ，不会是 window 对象
如果输出守候，要这样写

var username='守候'
function fn(){
    alert(this.username);//守候
}
fu();
//---------------
window.username='守候'
function fn(){
    alert(this.username);//守候
}
fn();
//可以理解为
//window.fn();

3-2.对象函数调用

这个相信不难理解，就是那个函数调用，this指向哪里

window.b=2222
let obj={
    a

JavaScript：面试频繁出现的几个易错点

正文