markdown JavaScript Good Parts-オブジェクト

Posted 2021-05-06

/* 
 3章 オブジェクト
*/

const person = {
  "first-name": "tanaka",
  "last-name": "ichiro"
};

// ---

// デフォルト値の設定
const name = person["name"] || "(none)";
const age = person.age || "unknown";
console.log(name, age);

// && 演算子で TypeError を避ける
console.log(person.name); // -> undefined
// console.log(obj.name.first); // -> TypeError
console.log(person.name && person.name.first); // -> undefined

// ---

// プロトタイプ
if (typeof Object.create !== "function") {
  Object.create = function(o) {
    var F = function() {};
    F.prototype = o;
    return new F();
  };
}
const another = Object.create(person);

// プロトタイプオブジェクトには影響を与えない
another["first-name"] = "suzuki";
console.log(another["first-name"]); // -> suzuki
console.log(person["first-name"]); // -> tanaka

// プロトタイプオブジェクトの変更は反映される
person.age = "20";
console.log(another.age);

// オブジェクトの中身を調べる
// プロトタイプチェーンのプロパティもアクセスできる
console.log(typeof person.toString); // -> function
// hasOwnProperty = オブジェクト自身のpropertyの場合にtrueを返す
console.log(person.hasOwnProperty("toString")); // -> false
console.log(person.hasOwnProperty("first-name")); // -> true

// ---

// グローバル変数を減らす
const MYAPP = {};
MYAPP.person = {
  "first-name": "tanaka",
  "last-name": "ichiro"
};

JavaScript Good Parts-オブジェクト
----------------------------


A [Pen](https://codepen.io/taquaki/pen/WdgKeP) by [Takaaki Sato](https://codepen.io/taquaki) on [CodePen](https://codepen.io).

[License](https://codepen.io/taquaki/pen/WdgKeP/license).

JavaScript Good Parts - 3章
--------------------------


A [Pen](https://codepen.io/taquaki/pen/WdgKeP) by [Takaaki Sato](https://codepen.io/taquaki) on [CodePen](https://codepen.io).

[License](https://codepen.io/taquaki/pen/WdgKeP/license).