Subscribed unsubscribe Subscribe Subscribe

Kazuma Labolatory's

Nothing is Impossible. ✿

Menu

【js・備忘録】コンストラクター / プロトタイプ

国民的アニメ『サザエさん』の名前を使って、Constructor, prototype  のコードを書いてみました🌟( 現在学習中ですので、拙い部分もあるかと思います。ご注意下さい🌟(*ฅ•̀ω•́ฅ*)

 

あ、あとサザエさんの子供を、タラちゃん以外に2人、「たら子・たら次郎」という名前で勝手に作ってみました ₍₍(꒪່౪̮꒪່)⁾⁾w🌟

 

 

 

Constructor ( function )

 


"use strict";

var d = document.getElementById('d');

/*=========================*
    Constructor fn
/*=========================*/
var Sazae = function(firstName) {
    this._parent = this.constructor.name;
    this.lastName = "Isono";
    this.firstName = firstName;
    this.getInfo = function() {
        return [this._parent, this.lastName, this.firstName];
    }
}

var tarao = new Sazae('tarao');

d.innerHTML = tarao.getInfo();
 

 

Prototype


/*========================*
    prototype❶
/*========================*/
var d2 = document.getElementById('d2');

var Sazae2 = function(firstName) {
   this.firstName = firstName;
   Sazae2.prototype._parent = this.constructor.name;
   Sazae2.prototype.lastName = "Isono";
   Sazae2.prototype.getInfo2 = function() {
      return [this._parent, this.lastName, this.firstName];
   }
}

var tarako = new Sazae2('tarako');

d2.innerHTML = tarako.getInfo2();
 

 


/*========================*
    prototype❷
/*========================*/
var d3 = document.getElementById('d3');

var Sazae3 = function(firstName) {
   this.firstName = firstName;
}

Sazae3.prototype._parent = 'Sazae3';
Sazae3.prototype.lastName = "Isono";
Sazae3.prototype.getInfo3 = function() {
   return [Sazae3.prototype._parent, Sazae3.prototype.lastName];
}
   
var tarajirou = new Sazae3('tarajirou');

d3.innerHTML = tarajirou.getInfo3();
d3.innerHTML += ', ' + tarajirou.firstName;

 

 

 

This Blog uses M+ Font, Logo Type Gothic, Google Fonts and FontAwesome. It"s free & Designed cool font. Greatful for Koji Morishita of M+ Fonts Designer( Creator) and "フォントな" , Google, Adobe, and Dave Gandy!
Background Photos is downloaded by Unsplash.com. Thanks!
|*´-`)チラッ
Please Click Me
本ブログ全てにおいて、アフィリエイトプログラムには参加しておりません(•ᵕᴗᵕ•) 詳しくはこちらをご覧下さい。また、 以下のバナーは、私が「質が高い・あら素敵(ˊo̶̶̷ᴗo̶̶̷`)✨」と感じたサイト様を掲載させて頂いておます_(( _๑´ω`))_⭐️