js this的含义以及讲解

Posted 2020-09-30 前端开发-阿锋

this关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。

首先，this总是返回一个对象，简单说，就是返回属性或方法“当前”所在的对象。

下面来两个例子来让大家更加直观：

var person = {
  name: ‘张三‘,
  describe: function () {
    return ‘姓名：‘+ this.name;
  }
};

person.describe()
// "姓名：张三"

　　

function f() {
  return ‘姓名：‘+ this.name;
}

var A = {
  name: ‘张三‘,
  describe: f
};

var B = {
  name: ‘李四‘,
  describe: f
};

A.describe() // "姓名：张三"
B.describe() // "姓名：李四"

看了这两个例子，下面我们来总结下：

全局环境、构造函数、对象的方法，这三种情况this的指向都是不一样的，所以要了解清楚再使用。

最后温馨提示下，不要在函数里面使用多层this