【javascript】プロトタイプチェーンの仕組みと使い方

Copy
const user = {name:"takesi",age:22};
console.log(user.__proto__ === Object.prototype);
console.log(Object.prototype);//true

Copy
const func =(name)=> {
  this.name = name;
};

console.log(func.__proto__ === Function.prototype);// true

Copy
const func = function (name) {
  this.name = name;
};

console.log(func.__proto__ === Function.prototype); //true
console.log(func.__proto__.__proto__ === Object.prototype);//true
console.log(func.__proto__.__proto__.__proto__);//null

Copy
const func = function(name){
  this.name = name;
}

// funcにtoStringが存在するか？
console.log(func.hasOwnProperty('toString'));  // false

// func.__proto__に存在するか？
console.log(func.__proto__.hasOwnProperty('toString'));　//true

// func.__proto__はFunctionオブジェクトのprototypeを参照している
console.log(func.__proto__ === Function.prototype);//true

//　Functionオブジェクトのプロトタイプに'toString'があるか？
console.log(Function.prototype.hasOwnProperty('toString'))//true

Copy
// オブジェクト定義
const func = function (name) {
  this.name = name;
};

// funcを元にfunc2,3を生成
const func2 = new func("tadasi");
const func3 = new func("yamada");

// 存在チェック
console.log(func2.hasOwnProperty("call")); //false

// func(製造元)のprototypeに追加
func.prototype.call = function () {
  return this.name;
};

// func2でも使える
console.log(func2.call());//tadasi
console.log(func3.call());//yamada

// funcのprototypeをfunc2,3の__proto__で参照している
console.log(func2.hasOwnProperty("call"));　//false
console.log(func2.__proto__.hasOwnProperty("call"));　//true
console.log(func3.hasOwnProperty("call"));　//false
console.log(func3.__proto__.hasOwnProperty("call"));　//true

Copy
const constructorFunc = function(name){
  this.name
}

const sample = new constructorFunc("tanaka");