TypeScript 中的属性和变量都用于存储数据，但有不同的特性：属性定义：属性是类或接口的成员，用于存储特定实例的数据。变量定义：变量是在函数、方法或块中声明的本地存储单元。关键区别在于作用域、可见性和使用方式。属性作用域于整个类或接口，而变量作用域仅限于其声明的范围。属性可见性可以由 public、protected 或 private 控制，而变量仅在声明的范围内可见。属性需要使用 this 关键字访问，而变量可以直接使用其变量名访问。

TypeScript 中的属性和变量

在 TypeScript 中，属性和变量都是用于存储数据的，但它们具有不同的特性和用法。

属性

• 定义：属性是类或接口的成员，用于存储特定实例的数据。
• 用法：通过 this 关键字访问和修改属性的值。
• 可见性：属性可以被声明为 public、protected 或 private，控制其在类内外和其他类中的可见性。

变量

Scrapfly SDK TypeScript

使用 Scrapfly SDK（scrapfly-sdk）在 TypeScript 或 JavaScript 中进行网页抓取，用于用户请求抓取 URL、绕过反爬虫防护、渲染页面等场景。

下载

• 定义：变量是在函数、方法或块中声明的本地存储单元。
• 用法：使用变量名直接访问和修改变量的值。
• 可见性：变量的可见性仅限于其声明的范围。

关键区别

• 作用域：属性在类或接口中声明，而变量在较小的作用域（函数、方法或块）中声明。
• 可见性：属性可以具有不同的可见性级别，而变量只在声明的范围内可见。
• 使用：属性需要使用 this 关键字访问，而变量可以使用其变量名直接访问。

示例

class Person {
  // 属性
  private name: string;

  // 方法
  constructor(name: string) {
    this.name = name;
  }

  // 方法使用属性
  greet() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

const person = new Person("John");
person.greet(); // 输出：Hello, my name is John

在这个示例中，name 是一个属性，存储了每个 Person 实例的姓名。它只能通过 greet 方法访问，因为它是私有的。另一方面，变量 person 是一个局部变量，它存储了新创建的 Person 对象的引用。