「JavaScript入門6」の編集履歴(バックアップ)一覧はこちら
「JavaScript入門6」(2015/10/28 (水) 13:35:27) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
前回記事[[JavaScript入門5]]では配列の書き方について学びました。今回はオブジェクトとメソッドについて考えていきます。10月26日記事
~
~
目次
#contents
~
~
----
~
*オブジェクト
実際に操作する「もの」を作っていきたいと思います。プロパティのように静的なものを扱うものからメソッドと呼ばれるものも作ることが可能です。
~
~
*メソッド
メソッドとはオブジェクトにくっついてる関数です。「手続き」と呼ばれ、オブジェクトにくっつけて使います。当然オブジェクトが定義されていないと使えません。
~
~
*コード
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>オブジェクトとメソッド</title>
</head>
<body>
<script>
//連想配列と書き方は同じ。resultオブジェクトを作っていく。
var result = {
math : 100,
english : 98
};
console.log(result.math);
console.log(result.english);
//点数を足したい。メソッドを作る。
var result1 = {
math : 100,
english : 95,
sum : function(){//メソッドを作る
console.log(result1.math + result1.english);
//または以下のように書いてもよい。
console.log(this.math + this.english);
}
};
result1.sum();//この際、sumはresult1のメソッドと言います。
//つまりオブジェクトにはプロパティを指定することもできれば、関数を定義してメソッドとして呼び出すこともできるということです。
</script>
</body>
</html>
~
~
*まとめ
自分自身のオブジェクトを指定するときはthisと指定することもできます。jQueryでもよく見る表記です。これにメソッドを使って手続きしていきましょう。
~
~
以上
前回記事[[JavaScript入門5]]では配列の書き方について学びました。今回はオブジェクトとメソッドについて考えていきます。10月26日記事
~
~
目次
#contents
~
~
----
~
*オブジェクト
実際に操作する「もの」を作っていきたいと思います。プロパティのように静的なものを扱うものも作ることができれば、メソッドと呼ばれるものも作ることができます。
~
~
*メソッド
メソッドとはオブジェクトにくっついてる関数です。「手続き」と呼ばれ、オブジェクトにくっつけて使います。当然オブジェクトが定義されていないと使えません。
~
~
*コード
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>オブジェクトとメソッド</title>
</head>
<body>
<script>
//連想配列と書き方は同じ。resultオブジェクトを作っていく。
var result = {
math : 100,
english : 98
};
console.log(result.math);
console.log(result.english);
//点数を足したい。メソッドを作る。
var result1 = {
math : 100,
english : 95,
sum : function(){//メソッドを作る
console.log(result1.math + result1.english);
//または以下のように書いてもよい。
console.log(this.math + this.english);
}
};
result1.sum();//この際、sumはresult1のメソッドと言います。
//つまりオブジェクトにはプロパティを指定することもできれば、関数を定義してメソッドとして呼び出すこともできるということです。
</script>
</body>
</html>
~
~
*まとめ
自分自身のオブジェクトを指定するときはthisと指定することもできます。jQueryでもよく見る表記です。これにメソッドを使って手続きしていきましょう。
~
~
以上