TypeScript にオブジェクトがあるのはなぜですか? オブジェクトの作成方法

TypeScript オブジェクトとは何ですか?

人生において、オブジェクトとは特定のものです。たとえば、コンピュータ、携帯電話、Guli Nazha、Jay Chou (Jay Chou) などはすべてオブジェクトです。しかし、プログラマーの認識では、すべてがオブジェクトです。これらの特定のものには、独自の特性と動作があります。

特徴:

你的电脑:尺寸、重量、价格等
你的手机:品牌、屏幕大小、颜色等
古力娜扎:年龄、身高、三围等

行動:

你的电脑:浏览网页、写代码等 
你的手机:播放视频、吃鸡等 
古力娜扎:演电影、配音等

TypeScript のオブジェクトは、生活の中の特定のものを抽象化したもので、コードを通じて特定のものを記述することができます。TS のオブジェクトも特性と動作で構成されており、これらには属性 (特性) とメソッド (動作) という独自の専門名が付いています。TS のオブジェクトは関連するプロパティとメソッドのコレクションであり、順序付けされていません。

// 演示对象:
{
    
    
 name: '周杰伦',
  gender: '男',
  height: 175,
  sing: funtion () {
    
    
   console.log('故事的小黄花 从出生那年就飘着')
 }
}为什么要有对象?我们将这个问题带入到

オプション 1: 複数の変数を使用する

let name: string = '周杰伦'
let gender: string = '男'
let height: number = 175
function sing() {
    
     ... }

しかし、上記のコードには明らかな欠点があります。1 つの変数には 1 つのデータしか格納できず、複数の変数間に関連性 (相関関係) がありません。

解決策 2: 配列を使用して複数のデータを一度に保存する

['周杰伦', '男', 175, function sing() {
    
     ... }]

短所: 配列内の各要素が何を表しているかがわかりません。

オブジェクトを使用すると、オブジェクト間の関係 (関連するデータのセット) を明確に記述することができ、構造がより明確になります。

{
    
     name: '周杰伦', gender: '男', height: 175, sing: function () {
    
     ... }}

TS では、物や関連データのグループを記述したい場合、オブジェクトを使用してそれを実現できます。

オブジェクトを作成する

オブジェクトを作成するための構文は次のとおりです。

let person = {
    
    }

ここでの {} (中括弧、中括弧) はオブジェクトを表します。オブジェクトにプロパティやメソッドがない場合、そのオブジェクトは空のオブジェクトと呼ばれます。オブジェクト内のプロパティまたはメソッドはキーと値のペアの形式であり、次の例に示すように、キーと値はコロン (:) でペアになります。

**TS オブジェクトの作成**

キー (キー) 名、値 (値) 固有のデータ。複数のキーと値のペアはカンマ (,) で区切られます (配列と同様)。

これで、オブジェクト person には 2 つのプロパティがあります。

let person = {
    
     name: '刘老师', age: 18 }

属性とメソッドの違い: 値が関数であるかどうか、関数である場合はメソッドと呼ばれます、そうでない場合は通常の属性です。

let person= {
    
    
  sayHi: function () {
    
    
    console.log('大家好,我是一个方法')
  }
}

注: 関数がメソッドとして使用される場合、関数の後の関数名を省略できます。これは匿名関数とも呼ばれます。

関数には名前がありません。どうやって呼び出すのですか? ここでのsayHiは関数名に相当し、将来的にはオブジェクトのsayHiを通じて呼び出すことができます。関数が単独で出現し、オブジェクトに関連付けられていない場合は関数と呼び、それ以外の場合はメソッドと呼びます。

おすすめ

転載: blog.csdn.net/cz_00001/article/details/131330774