2014-10-25

2014-10-25

チェックテスト（3）Add Star

JavaScript

 

 

Q1
  • 以下は、受け取った引数をコンソールに表示する関数です
  • この関数を呼び出し、コンソールに"ABC"と表示するにはどのように記述すれば良いですか？

function func(x) {
  console.log(x);
}

Q2
  • ある関数内で、変数 X の値を戻り値として返す文はどのように記述しますか？

Q3
  • ある文字を文字コード番号に変換することを何と呼びますか？

Q4
  • parseInt関数で数値型への変換ができなかった場合、戻り値として返される値はなんですか？

Q5

<script>
var x = 10;
function func(){
var y = 10;
    console.log(x + y);
}
  func();
</script>

Q6

<script>
function func(x){
    y = 10;
    console.log(x + y);
}
  func(20);
</script>

Q7
  • 以下のスクリプトを実行すると、どのような結果が表示されますか？

<script>
var n = parseFloat('10.5');
if(!isNaN(n)){
  console.log('OK');
}else{
  console.log('NG');
}
</script>

Q8
  • 以下のスクリプトを実行すると、どのような結果が表示されますか？

<script>
var x = 10;
function plus(){
  x += 20;
}
plus();
console.log(x);
</script>

Q9
  • 以下のスクリプトを実行すると、どのような結果が表示されますか？

<script>
var x = 10;
function plus(x){
  x += 20;
}
plus(x);
console.log(x);
</script>

Q10
  • コンソールに「こんにちは」と表示する関数を実行するスクリプトを、空欄（A）を埋めて完成させなさい

<script>
（ function(str){
    console.log(str);
}）（A）;
</script>




解答例

A01
  • func( 'ABC' );
  • ()内には、引数として渡す値を記述します
  • 数値や文字列、変数や配列なども可能です

<!DOCTYPE html>
<htmllang="ja">
<head>
<metacharset="UTF-8">
<title>JavaScript：関数</title>
<script>
function func(x){
  console.log(x);
}
</script>
</head>
<body>
<script>
  func('ABC');
</script>
</body>
</html>

A02
  • return x;
  • 戻り値の指定には「return文」を使います

A03

A04
  • NaN
  • 数値ではないことを表す特殊な値です
  • isNaN関数でNaN値かどうかを調べることができます

A05

A06

A07
  • OK
  • 文字列型の「'10.5'」を数値型の「10.5」に変換しています
  • parseFloat関数を使うと小数点以下の値も得ることができます
  • isNaN関数は、指定された値がNaNのときにtrueを返す関数です
  • この場合、戻り値はfalseになります
  • !演算子によって論理値が反転し、if文の条件式の結果はtrueとなります

 

f:id:css_design:20130816232153j:image

 


A08
  • 変数xはグローバル変数です
  • plus関数内で xに20を加算しているので、値が30に上書きされます

 

f:id:css_design:20130816233105j:image

 


A09
  • plus関数の引数xはローカル変数です
  • グローバル変数xと同じ名前ですが、別物です
  • plus関数内での加算処理はローカル変数xに対しておこなっています
  • よってグローバル変数xの値は変化しません

 

f:id:css_design:20130816233530j:image

 


A10
  • 定義した関数をすぐに呼び出して実行する（即時関数）
  • 後ろの丸括弧内に指定した値が引数として渡されます

<script>
(function(str){
    console.log(str);
})('こんにちは');
</script>

 

f:id:css_design:20130816234349j:image