ホームページ > 記事 > ウェブフロントエンド > オブジェクトのプロパティ、メソッド、ユーザー定義オブジェクトの定義、および JavaScript での使用方法の詳細な説明

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

伊谢尔伦オリジナル: 2018-05-16 14:08:204606ブラウズ

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

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

オブジェクトのプロパティは、任意の 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 サイトの他の関連記事を参照してください。

JavaScript 数据类型 Array Object 运算符构造函数 date var function 对象 this

声明：

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

前の記事：JavaScriptによるクローンオブジェクト/関数コードの詳細説明次の記事：JavaScriptによるクローンオブジェクト/関数コードの詳細説明

続きを見る