JavaScript中几个重要的属性(this、constructor、prototype)介绍

当我们学习JavaScript时，一定会接触到几个重要的属性：this、constructor、prototype。

this

this 是 JavaScript 中非常重要的关键字，其指向的是当前函数执行上下文的对象。在不同的环境中，this 的指向也会不同。

在全局作用域中，this 指向的是 window 对象。

在函数中，this 的指向会根据函数的调用方式不同而改变。使用普通函数调用，this 指向的是全局对象 window，但使用 "use strict" 严格模式时，this 将默认为 undefined。如果在对象中使用函数，则 this 指向的是对象本身。

以下是一个 this 的示例：

function Person(name, age) {
    this.name = name;
    this.age = age;
    this.getInfo = function() {
        console.log(`${this.name} is ${this.age} years old.`);
    }
}

let person1 = new Person('Tom', 18);
let person2 = new Person('Jerry'， 20);

person1.getInfo(); // Tom is 18 years old.
person2.getInfo(); // Jerry is 20 years old.

constructor

constructor 是每个 JavaScript 对象的一个属性，指的是创建该对象的构造函数。在对象被创建时，它的 constructor 属性会被自动赋值。

以下是一个 constructor 的示例：

function Student(name, id) {
    this.name = name;
    this.id = id;
}

let student1 = new Student('Lucy', 20190101);
console.log(student1.constructor); // Student

注意，在 JavaScript 中通过调用对象的 constructor 属性来判断对象的类型是不可靠的，因为 constructor 可以手动修改。

prototype

prototype 是 JavaScript 对象的一个属性，其指向该对象的原型。通过原型对象，我们可以实现对象的继承，并共享一些对象的属性和方法。

在 JavaScript 中，每个对象都拥有一个 proto 属性，指向该对象的原型。原型对象也是一个对象，同样拥有一个 proto 属性，指向其父级原型。通过 proto 属性，可以形成一个原型链的结构。

以下是一个 prototype 的示例：

function Animal(name) {
    this.name = name;
}

Animal.prototype.age = 1;
Animal.prototype.getInfo = function() {
    console.log(`${this.name} is ${this.age} year(s) old.`);
}

function Cat(name) {
    Animal.call(this, name);
}

Cat.prototype = Object.create(Animal.prototype);
Cat.prototype.constructor = Cat;
Cat.prototype.age = 2;

let kitty = new Cat('Kitty');
kitty.getInfo(); // Kitty is 2 year(s) old.

上述代码中，我们定义了一个 Animal 类，通过 Animal.prototype 对象定义了该类的一些属性和方法。Cat 类通过 Object.create 方法继承了 Animal 类的原型对象，并重写了 age 属性。最后我们创建了一个 kitty 对象，并调用了其 getInfo 方法，输出了相应的信息。

通过这样的方式，我们可以实现 JavaScript 对象的继承和共享一些属性和方法。

以上就是 JavaScript 中几个重要属性的介绍，希望能帮助大家更好地理解JavaScript。