まとめ
オブジェクトとは
オブジェクト指向プログラミングにおいて、プログラム上の手続きの対象を抽象化する概念である。
※Wikipedia
プロパティとは
多くの場合データ構造と関連付けられた属性を記述する、オブジェクトの特性です。
※mdn web docs
メソッドとは
オブジェクト指向プログラミング言語において、あるクラスないしオブジェクトに所属するサブルーチンを指す。
※Wikipedia
目次
オブジェクトとは
- 「対象・物」＝ プログラミング言語で操作ができるデータ
- Ex.：HTML内のタグ、属性、値、文書（Document）
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja-JP">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>タイトル</title>
</head>
<body>
<div>
わたしは<span style="font-size:24px; color:#FF0000">文書</span>です。
<img src="http://hakuhin.jp/test.jpg" alt="画像">
</div>
</body>
</html>
解説
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">：ドキュメント -
<body></body>や<head></head>：ドキュメント - jsはhtmlを読み込むと、html内のオブジェクトをDOMオブジェクトとして認識する
プロパティとは
- オブジェクトに関連付けられた情報やデータ
index.js
const person = {
name: "Yamamoto Taro",
age: 28
};
// ドット記法でアクセス
console.log(person.name); // 出力: Sato Shinji
// ブラケット記法でアクセス
console.log(person["age"]); // 出力: 28
解説
-
nameやageはプロパティ名 -
"Yamamoto Taro"や28はプロパティの値
メソッドとは
- オブジェクトに関連付けられた関数
index.js
const person = {
name: "Sato Shinji",
greet: function {
console.log("Hello, my name is " + this.name + ".");
}
};
person.greet(); // 出力: Hello, my name is Sato Shinji.
解説
-
greet: function {console.log("Hello, my name is " + this.name + ".");}がメソッド（関数）