コース: JavaScript 基本講座

今すぐコースを受講しましょう

今すぐ登録して、23,200件以上登録されている、業界エキスパート指導のコースを受講しましょう。

引数にデフォルト値を定める

引数にデフォルト値を定める - JavaScriptのチュートリアル

コース: JavaScript 基本講座

引数にデフォルト値を定める

このレッスンでは メソッドの引数に デフォルト値を決めてみたいと思います。 今開いている この Point というクラスですけれども constructor が引数2つを受け取って それぞれをプロパティx,yに 入れています。 そしてメソッドがひとつ定められていて getLength ですね。 これはプロパティとして設定された xとyをそれぞれ2乗して足し込んで それをさらに平方根を取って 返しています。 つまりx,y座標の 原点0,0からの距離を返すと いうメソッドですね。 そしてここでは確認のために Point のオブジェクトを引数3、4で作って、 いったん console にそれを出したうえで 改めて getLength のメソッドを 呼び出しています。 結果を確かめておきましょう。 「Console」を見ると Point のオブジェクトが出来上がっていて xが3、yが4、 そして座標x,yが3,4ということは 原点からの距離が 5ということになっています。 さてこの Point のクラス、 使いやすくしたいなと思ったとき、 例えばこんなことがありますね。 引数をまったく渡さないと。 その時はx,yとも0と扱ってくれと。 そうしてくれると便利だったりしますね。 ところがそうは今なっていません。 確認しましょう。 引数がないと JavaScriptでは undefined、未定義という 特別な値が与えられるんですね。 そしてもちろんこれは数値演算できません。 結果がなんか エラーみたいになっていますけれども NaN、Not a Number と いう意味なんですけれども、 実はこの Not a Number という命名は あまり良くないと思うんですね。 というのはこの「NaN」というのは JavaScriptの中では 数値扱いになっています。 ですから Number ではないというんですが、 Number なんですよね。 ですから意味としては 演算不能値と、 演算ができない値ですよという意味だと 捉えた方がいいと思います。 いずれにしても undefined では 距離が取れないということですね。 ここに0、0と入ってれば 距離は0というふうに出てくるので そのデフォルト値を 定めてみたいと思います。 x,yの引数の値に応じて 処理をしたいと、…

目次