2021年12月26日日曜日

[Book's Review (Develop)]独習JavaScript 新版

（１）レビュー
　JavaScriptは古くからあり、時代と共に進化してきています。
　JavaScriptの独習シリーズは過去にもありましたが、
　最近（2021年）、独習シリーズでJavaScriptの新版が登場しました。

　クラス、反復処理、非同期処理など、
　サンプルプログラムを例示しながらわかりやすく解説されています。
　
　例えば、反復処理を実装するために、
　他の言語（C#、Python等）ではyieldキーワードを採用していますが、
　新版のJavaScriptでもyieldが採用されています。

　今どきの新しいJavaScriptを習得するには、
　重宝の１冊だと思います。

　 　例えば、反復処理を実装するために、
　他の言語（C#、Python等）ではyieldキーワードを採用していますが、
　新版のJavaScriptでもyieldが採用されています。

　今どきの新しいJavaScriptを習得するには、
　重宝の１冊だと思います。

　試しに、当書籍を参考にしながら、
　オブジェクト指向を意識したコードを書いてみました。
　今となっては珍しいコードではないかと思いますが、
　従来のJavaScriptよりもやれることが拡がったように思えます。

　以下は、Perosnクラスに、
　NameとBirthdayのプロパティを定義し、
　sayHello()、saysayBirthday()、sayAge()の各々のメソッドで、
　あいさつ、誕生日出力、年齢出力をするサンプルです。

<html>
<head>

<script language="javascript">
   //【テスト関数】
   function sayHello()
   {
      const person = new Person(
         {first:"太郎", last:"山田"},
         new Date(1953,8-1,15));
      person.sayHello();
   }

   function sayBirthDay()
   {
      const person = new Person(
         {first:"太郎", last:"山田"},
         new Date(1953,8-1,15));
      person.sayBirthDay();
   }

   function sayAge()
   {
      const person = new Person(
         {first:"太郎", last:"山田"},
         new Date(1953,8-1,15));
      person.sayAge();
   }

   //【クラス定義】
   class Person{
      constructor(name, birthday){
         this.name = name;
         this.birthday = birthday;
      }

      //【メソッド定義】
      //あいさつをする。
      sayHello(){
         window.alert(
            "こんにちは。" + 
            this.name.first + " " + 
            this.name.last + "です。");
      }

      //生年月日を出力する。
      sayBirthDay(){
         window.alert(this.birthday);
      }

      //年齢を出力する。
      sayAge(){
         let age = 0;
         let today = new Date();

         if(today.getMonth() * 100 + today.getDate() < 
            this.birthday.getMonth() * 100 + this.birthday.getDate())
         {
            //今日が誕生日前の場合
            age=today.getFullYear() - this.birthday.getFullYear() -1;
         }
         else
         {
            //今日が誕生日以降の場合
            age=today.getFullYear() - this.birthday.getFullYear();
         }

         window.alert("私は" + age + "歳です。");
      }

   }

</script>
</head>
<body bgcolor="azure">

<input type="button" value="あいさつをする。" onclick="sayHello();"><br/>
<input type="button" value="生年月日を言う。" onclick="sayBirthDay();"><br/>
<input type="button" value="年齢を言う。" onclick="sayAge();"><br/>

</body>
</html>
[JavaScript]オブジェクト指向を意識したコード

[実行結果]
JavaScript実行結果.PNG

（２）リンク
独習JavaScript 新版

独習JavaScript 新版

  • 作者: CodeMafia 外村将大
  • 出版社/メーカー: 翔泳社
  • 発売日: 2021/11/15
  • メディア: Kindle版
at
Labels:

0 件のコメント:

コメントを投稿

登録: コメントの投稿 (Atom)

[雑記]ドローン（DJI Mini 3）

（１）雑記 もともと多趣味の友人 masakazu Drone 氏が、 最近、 ドローン にハマり始めて、 更に、新たな趣味が増えたとのこと。 ドローン を始めてから、 まだ1年も経っていないとのことですが、 旅行先で山や川の景色を 空撮 して、 Youtube ...

  • [雑記]ドローン（DJI Mini 3）
    （１）雑記 もともと多趣味の友人 masakazu Drone 氏が、 最近、 ドローン にハマり始めて、 更に、新たな趣味が増えたとのこと。 ドローン を始めてから、 まだ1年も経っていないとのことですが、 旅行先で山や川の景色を 空撮 して、 Youtube ...
  • [Book's Review (Develop)]Java言語で学ぶデザインパターン入門第３版
    （１）レビュー 　10年以上前からある書籍ですが、昨今のJavaのバージョンに合わせて、 　リニューアルされましたので、改めて紹介いたします。 　GOFが提唱したデザインパターンについて、とてもわかりやすくまとめた１冊です。 　各パターンを章毎にまとめてあり、クラス図・...
  • [SQLServer]sqlcmdコマンドの表示桁数の指定
    （１）はじめに 　 sqlcmd コマンドで、 　SELECTステートメントを実行した時、 　行の折り返しで、結果が見づらくなることがあります。 　 Oracle の LINESIZE に相当する設定が、 　 SQLServer にもないか調べてみました。 　普段...
  • [Hardware's Review]SEIKO CLOCK (セイコークロック) デジタル ウィークリーアラーム
    （１）レビュー 　目覚まし時計の調子が悪くなったので、新たに購入しました。 　指定した時刻にアラームが鳴ってくれさえすればよいので、 　特別な機能は求めていなかったのですが、 　価格の割に便利な機能が搭載されていたので、購入に至りました。 　最近は、スマホにもアラーム...
  • [Algo]和と積から元の２数の算出
    [はじめに] （１） ある２数の和と積から、元の２数を求めるアルゴリズム です。 　　　例えば、『 足して５ 』、『 掛けて６ 』になる２つの数は、 　　　 ２ と ３ になります。 　　　これを解くアルゴリズムとして、 　　　 ２次方程式の解の解法 を利用することがで...
  • [Book's Review (Develop)]ASP.NET MVC 5実践プログラミング
    （１）レビュー 　 ASP.NET は、以下の2種類に大別されます。 　 （１）ASP.NET Web Form 　　　.NET Framework1.0リリース時の頃から導入 　 （２）ASP.NET MVC 　　　.NET Framework4以降に導入 　...
  • [VBA]Excelのシートを並べ替え
    [はじめに] Excelでシートを昇順に並べ替える機会があったので、 備忘録としてサンプルソースを掲載します。 サンプルは昇順ソートですが、引数を変更すると降順にも対応できるようにしています。 [ソース] コードのコピー Optio...
  • [Book's Review (Develop)]独習JavaScript 新版
    （１）レビュー 　JavaScriptは古くからあり、時代と共に進化してきています。 　JavaScriptの独習シリーズは過去にもありましたが、 　最近（2021年）、独習シリーズでJavaScriptの新版が登場しました。 　 クラス 、 反復処理 、 非同期処理 ...
  • [.NET][Edge対応版]プログラムコードの変換（C#、VB.NET→HTML）
    [はじめに] 　・プログラムソース（C#、VB.NET）を 　　ブログ公開用のHTMLに変換するツールです。 　　（コード量が膨大の為、変換処理のみ掲載しています。） [機能] 　　プログラムソースの文字列を、HTMLに変換する。 　　変換後のHTMLは、<ta...
  • [Tool's Review]ステンレスものほし台 ブロー台付き BD-50S 【ブロー台付きで安定性抜群・U型の竿受けで竿の取り外し楽々! 】
    （１）レビュー 　最近、引越しをしました。 　ベランダの物干し竿を固定する位置が転居前よりも高く、 　身長が低い妻にとって家事がしづらいので、 　 物干し台 を購入しました。 　 　組み立て式の為、多少のぐらつきはありますが、 　実際使ってみても全く不便さを感じませ...