7
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

JavaScriptのオブジェクトの関数って何?って人に

Last updated at Posted at 2017-09-30

JavaScriptを勉強しはじめて、JavaScriptのオブジェクトの関数って何ってなったのでいつでも思い出せるように書きます。

オブジェクト

オブジェクト (object) とは、JavaScript における値の一のこと。
オブジェクトは、プロパティという、名前と値のセットを複数持つことができる。

hoge.js
var hoge = {
    name: 'ホゲホゲ',
    age: 37
};

これは
name と age という 2 つのプロパティを持つオブジェクト作り、 hoge という変数に代入している。

呼びだし

console.log(hoge.name);
console.log(hoge.age);

これで

ホゲホゲ
37

と表示される。
また
プロパティは変数と同じく、任意の値を代入、更新することができる
つまり

hoge.name = "ほげほげ"
console.log(hoge.name);
ほげほげ

となる。

オブジェクトの関数

オブジェクトのプロパティに関数を設定できる。
例えば

hoge.js
var hoge = {
    name: 'ホゲホゲ',
    age: 37,
    addage: function(){
        hoge.age++;
    }
};

下記を実行すると

consele.log(hoge.age)
hoge.addage
console.log(hoge.age)
実行結果
37
38

となる。
これは、
hoge.addage
により、関数が実行され
ageプロパティに1が足された。

なんかもっとこうだよってのがあれば、コメントください。

7
9
3

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?