JS基本学習5日目:関数 – 再利用可能なコードブロック

1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...

ブラウザ組み込み関数

============


JavaScriptには、あなた自身ですべてのコードを記述することなく、多くの便利なことを行うための組み込み関数がいくつかあります。 実際、ブラウザの組み込み関数を呼び出すときに呼び出すコードの多く(実行または実行するプロフェッショナルなボキャブラリ)はJavaScriptで記述できません。ブラウザのバックエンド関数を呼び出すコードのほとんどは、C ++のような低レベルのシステムを使用しています。 JavaScriptのようなWebプログラミング言語ではなく、言語で書かれています。
これらの組み込みのブラウザ関数は、コアJavaScript言語の一部ではありません。ブラウザAPIの一部として定義されています。これは、より多くの機能を提供するためにデフォルト言語の上に構築されています。詳細な説明)。 今後のモジュールでは、ブラウザAPIをより詳細に使用します。
カスタム関数と呼び出し関数

function myFunction() {
alert('hello');
}
myFunction()
// calls the function once-->
匿名関数

匿名関数 - 関数名はありません!私はそれだけで何もしません。 通常、匿名関数とイベントハンドラを使用しますが、
たとえば、関連するボタンをクリックすると、関数内でコードが実行されます。

var myButton = document.querySelector('button');
myButton.onclick = function() {
alert('hello');
}-->
関数の戻り値

function random(number) {
var result = Math.floor(Math.random()*number);
return result;
}


大きな例があります:無名関数+戻り値+関数呼び出し

  <input class="numberInput" type="text">
<p></p>
  var input = document.querySelector('.numberInput');
var para = document.querySelector('p')
function squared(num) {
return num * num;
}
function cubed(num) {
return num * num * num;
}
function factorial(num) {
var x = num;
while (x > 1) {
num *= x-1;
x-;
}
return num;
}
input.onchange = function() {
var num = input.value;
if (isNaN(num)) {
para.textContent = 'You need to enter a number!';
} else {
para.textContent = num + ' squared is ' + squared(num) + '. ' +
num + ' cubed is ' + cubed(num) + '. ' +
num + ' factorial is ' + factorial(num) + '.';
}
}


1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...
      この投稿は審査処理中  | 元のサイトへ