ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript オブジェクトと関数の違いは何ですか

JavaScript オブジェクトと関数の違いは何ですか

WBOY
WBOYオリジナル
2022-03-03 12:33:292977ブラウズ

違い: 1. JavaScript オブジェクトは関数をカプセル化できる変数のコンテナであり、関数は特定のタスクを実行するように設計されたコードのブロックです; 2. JavaScript オブジェクトは操作プロセスをカプセル化できませんが、JavaScript 関数は操作プロセスをカプセル化できます。 . 操作プロセス。

JavaScript オブジェクトと関数の違いは何ですか

このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript オブジェクトと関数の違いは何ですか

1. オブジェクト

「JavaScript」オブジェクトは変数のコンテナですが、通常、オブジェクトはキーのコンテナであると考えられます。 -value ペア: キーと値のペアを記述する通常の方法は、名前:値です (キーと値はコロンで区切られます)。

キーと値のペアは、通常、JavaScript オブジェクトのオブジェクト プロパティと呼ばれます。

例:

var person = {
    firstName:"zhang",
    lastName:"erga",
    fullName: function() {
        return this.firstName + " " + this.lastName;
    }
}

2. Function

Function (メソッド Function) は js の操作プロセスをカプセル化したもので、今後同じ処理を操作するには、対応する関数(メソッド)。オブジェクトは js コードもカプセル化しますが、オブジェクトは関数 (メソッド) をカプセル化できます。たとえば、特定の型の関数 (メソッド) をオブジェクトにカプセル化します。これにより、システムは呼び出し関数 (メソッド) を管理できるようになります。

例:

function sum(num1, num2) {
    return num1 + num2; 
}

3. Contact

関数はオブジェクトにカプセル化できます。

例:

var person = {
    firstName:"zhang",
    lastName:"erga",
    fullName: function() {
        return this.firstName + " " + this.lastName;
    }
}

4. 違い

オブジェクトにはキーと値のペアが含まれており、それのみが可能です (キー値は「:」で区切られ、値はコンテンツには通常の変数と関数が含まれます)。

演算処理は関数内にカプセル化できますが、演算処理をオブジェクト内にカプセル化することはできません。

関連する推奨事項: JavaScript 学習チュートリアル

以上がJavaScript オブジェクトと関数の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。