オブジェクトのプロパティ、メソッド、ユーザー定義オブジェクトの定義、および JavaScript での使用方法の詳細な説明

伊谢尔伦
リリース: 2018-05-16 14:08:20
オリジナル
4673 人が閲覧しました

オブジェクトはプロパティで構成されます。プロパティに関数が含まれている場合、それはオブジェクトのメソッドとみなされ、それ以外の場合、プロパティはプロパティとみなされます。

オブジェクトのプロパティ:

オブジェクトのプロパティは、任意の 3 つの基本データ型、または別のオブジェクトなどの任意の抽象データ型にすることができます。オブジェクトのプロパティは通常、オブジェクトのメソッドによって内部的に使用される変数ですが、グローバルに使用され、ページ全体で表示される変数にすることもできます。

属性を追加するための構文は次のとおりです:

objectName.objectProperty = propertyValue;
ログイン後にコピー

例:

これは、ファイル オブジェクトの "title" プロパティを使用してドキュメントのタイトルを取得する方法を示す簡単な例です:

var str = document.title;
ログイン後にコピー

オブジェクトのメソッド:

メソッドは、オブジェクトに何かをするように依頼することです。関数ステートメントが独立した単位であり、メソッドがオブジェクトに付加され、このキーワードを通じて参照できることを除いて、関数とメソッドの間にはほとんど違いはありません。

メソッドは、オブジェクトの画面上のコンテンツの表示から、プロパティやパラメーターのローカル セットに対する複雑な数学的演算の実行まで、あらゆる用途に役立ちます。
例:

ここでは、ドキュメント オブジェクトの write() メソッドを使用してドキュメントに何かを書き込む方法を示す簡単な例を示します:

document.write("This is test");
ログイン後にコピー

ユーザー定義オブジェクト:

すべてのユーザー定義オブジェクトと構築されたオブジェクトオブジェクト内 オブジェクトの子孫はオブジェクトと呼ばれます。
new 演算子:

new 演算子は、オブジェクトのインスタンスを作成するために使用されます。オブジェクトを作成するには、new 演算子の後にコンストラクター メソッドを続けます。

以下の例では、コンストラクター メソッド Object()、Array()、および Date()。これらのコンストラクターは組み込みの JavaScript 関数です。

var employee = new Object();
var books = new Array("C++", "Perl", "Java");
var day = new Date("August 15, 1947");
ログイン後にコピー

Object() Constructor:

コンストラクターは、オブジェクトの作成と初期化に使用される関数です。 JavaScript は、オブジェクトを構築するための Object() と呼ばれる特別なコンストラクターを提供します。 Object() 構造の戻り値は変数に割り当てられます。

変数には新しいオブジェクトへの参照が含まれています。このオブジェクトに割り当てられたプロパティは不変であり、var キーワードを使用して定義されません。
例 1:

この例は、オブジェクトの作成方法を示します:

<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
var book = new Object();  // Create the object
  book.subject = "Perl"; // Assign properties to the object
  book.author = "Mohtashim";
</script>
</head>
<body>
<script type="text/javascript">
  document.write("Book name is : " + book.subject + "<br>");
  document.write("Book author is : " + book.author + "<br>");
</script>
</body>
</html>
ログイン後にコピー

例 2:

この例は、オブジェクト (ユーザー定義関数) を作成する方法を示します。ここで、 this キーワードは、関数に渡されたオブジェクトを参照するために使用されます:

<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
function book(title, author){
  this.title = title; 
  this.author = author;
}
</script>
</head>
<body>
<script type="text/javascript">
  var myBook = new book("Perl", "Mohtashim");
  document.write("Book title is : " + myBook.title + "<br>");
  document.write("Book author is : " + myBook.author + "<br>");
</script>
</body>
</html>
ログイン後にコピー

メソッドが定義されているオブジェクト:

前の例では、コンストラクターがオブジェクトを作成し、プロパティを割り当てる方法を示しました。ただし、オブジェクトの定義を完了するには、割り当てメソッドを使用する必要があります。
例:

オブジェクトを使用して関数を追加する方法を示す簡単な例を次に示します:

<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">

// Define a function which will work as a method
function addPrice(amount){
  this.price = amount; 
}

function book(title, author){
  this.title = title; 
  this.author = author;
  this.addPrice = addPrice; // Assign that method as property.
}

</script>
</head>
<body>
<script type="text/javascript">
  var myBook = new book("Perl", "Mohtashim");
  myBook.addPrice(100);
  document.write("Book title is : " + myBook.title + "<br>");
  document.write("Book author is : " + myBook.author + "<br>");
  document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>
ログイン後にコピー

with キーワード:

with キーワードは、オブジェクトのプロパティまたはメソッドを参照する短縮表現として機能します。

パラメータとして指定されたオブジェクトは、次のブロックの間、デフォルトのオブジェクトになります。オブジェクトのプロパティとメソッドは、名前のないオブジェクトにあります。
文法

with (object){
  properties used without the object name and dot
}
ログイン後にコピー

例:

<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">

// Define a function which will work as a method
function addPrice(amount){
  with(this){
    price = amount; 
  }
}
function book(title, author){
  this.title = title; 
  this.author = author;
  this.price = 0;
  this.addPrice = addPrice; // Assign that method as property.
}
</script>
</head>
<body>
<script type="text/javascript">
  var myBook = new book("Perl", "Mohtashim");
  myBook.addPrice(100);
  document.write("Book title is : " + myBook.title + "<br>");
  document.write("Book author is : " + myBook.author + "<br>");
  document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>
ログイン後にコピー

以上がオブジェクトのプロパティ、メソッド、ユーザー定義オブジェクトの定義、および JavaScript での使用方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート