利用者:Eishou/samplecodes.js

お知らせ: 保存した後、ブラウザのキャッシュをクリアしてページを再読み込みする必要があります。

多くの Windows や Linux のブラウザ

Ctrl を押しながら F5 を押す。

Mac における Safari

⇧ Shift を押しながら、更新ボタンをクリックする。

Mac における Chrome や Firefox

⌘ Cmd と ⇧ Shift を押しながら R を押す。

// ブラウザに実装され、多数の拡張が施されたJavaScriptが一般に使用される。
 
alert("Hello, JavaScript.");
 
var userName; //変数宣言。必須ではない。
 
userName = prompt("名前を入力して下さい",""); //入力を要求する
 
if(userName != "") {
  //名前の入力があった場合
  document.write(userName, "さん、ようこそ！"); //画面に出力
} else {
  //名前の入力がなかった場合
  document.write("名無しさん、ようこそ！");      //画面に出力
}
//JavaScriptでの継承の方法
 
function Dog() {                     //Dogクラスのコンストラクタ
  this.state = "sitting";            //stateプロパティを設定
  this.showState = function() {      //showStateメソッドを定義
    alert("I am " + this.state + "."); 
  }
}
 
var normalDog = new Dog();           //DogクラスからインスタンスnormalDogを作成
normalDog.showState();               //“I am sitting.”が出力される。
 
function LasyDog() {                 //LasyDogクラスのコンストラクタ
  this.state = "sleeping..";         //stateプロパティをオーバーライド
}
LasyDog.prototype = new Dog();       //LasyDogはDogを継承(※インスタンスを継承することに注意)
 
var myDog = new LasyDog();           //LasyDogからインスタンスmyDogを作成
myDog.showState();                   //“I am sleeping...”が出力される。
 
/*
  JavaScriptでは，クラスはコンストラクタによって定義される。
  プロトタイプベースでは，原型（=プロトタイプ）となるインスタンスを継承して新しいクラスを作る。
  そのため，継承のためには少なくとも1つインスタンスを用意する必要がある。
*/