JavaScript中关于环境对象的拓展

1.环境对象的定义

环境对象指的是函数内的特殊变量this，this指向函数的调用者它代表当前函数的运行环境

在平常我们判断this经常用口诀谁调用它，它就指向谁，以下是几种常见情况

  1. 在全局作用域中，this指向window

   2.在函数中，他也指向他的调用者，如果是用函数名调用，则相当于window调用该函数，所以this指向window，如果是作为对象的方法调用时指向该对象

function fn() {console.log(1)}fn()//指向window

 

onst obj = {name: "Alice",greet: function() {console.log(`Hello, ${this.name}!`);}
};obj.greet();

 3. 在构造函数new..，this指向正在 创建的新对象

function Person(name) {this.name = name;
}const alice = new Person("Alice");
console.log(alice.name); 

   4.在监听事件中，this指向事件源

 const div = document.querySelector('div')div.addEventListener('click',function(){console.log(1)//此时this指向div})

5.箭头函数没有自己的this，它的this继承于外层作用域

2.构造函数

构造函数是一种特殊的函数，用于创建和初始化对象。

构造函数通常以大写字母开头，通过new调用

而用new调用构造函数创建一个新的对象的过程

1.创建一个新的对象

2.将this绑定到新对象上

3.初始化对象的属性/方法（函数）

4。返回这个新对象

function Person(name, age) {this.name = name;this.age = age;this.greet = function() {console.log(`Hello, I'm ${this.name}!`);};
}// 使用 new 创建实例
const alice = new Person("Alice", 25);
alice.greet(); // 输出: Hello, I'm Alice!

在日常写代码时弄清楚这俩样东西能为我们写代码带来很大的便利。