链接：https://pan.baidu.com/s/108C-X8KgAwuKMD8Lad337Q 

提取码：jvdf 

 

前言

Javascript是一门基于对象的动态语言，也就是说，所有东西都是对象，一个很典型的例子就是函数也被视为普通的对象。Javascript可以通过一定的设计模式来实现面向对象的编程，其中this “指针”就是实现面向对象的一个很重要的特性。但是this也是Javascript中一个非常容易理解错，进而用错的特性。特别是对于接触静态语言比较久了的同志来说更是如此。

示例说明

我们先来看一个最简单的示例：

<script type="text/javascript">

    var name = "Kevin Yang";

    function sayHi(){

       alert("你好，我的名字叫" + name);

    }

    sayHi();

</script>

这段代码很简单，我们定义了一个全局字符串对象name和函数对象sayHi。运行会弹出一个打招呼的对话框，“你好，我的名字叫Kevin Yang”。

我们把这段代码稍微改一改：

<script type="text/javascript">

    var name = "Kevin Yang";

    function sayHi(){

       alert("你好，我的名字叫" + this.name);

    }

    sayHi();

</script>

这段代码和上段代码的区别就在于sayHi函数在使用name的时候加上了this.前缀。运行结果和上面一摸一样。这说明this.name引用的也还是全局的name对象。

开头我们不是说了，函数也是普通的对象，可以将其当作一个普通变量使用。我们再把上面的代码改一改：

<script type="text/javascript">

    var name = "Kevin Yang";

    function sayHi(){

       alert("你好，我的名字叫" + this.name);

    }

    var person = {};

    person.sayHello = sayHi;

    person.sayHello();

</script>

这一次，我们又创建了一个全局对象person，并将sayHi函数对象赋给person对象的sayHello属性。运行结果如下：