検索
ホームページウェブフロントエンドjsチュートリアルJavaScriptでのリテラルと関数の使い方の基礎知識_基礎知識

JavaScript リテラル
プログラミング言語では、3.14 のようにリテラルは定数です。
数値リテラルには、整数、小数、または科学表記法 (e) を使用できます。

3.14

1001

123e5

文字列リテラルは二重引用符または一重引用符で記述することができます:

"John Doe"

'John Doe'

計算に使用される式リテラル:

5 + 6

5 * 10

配列リテラルは配列を定義します:

[40, 100, 1, 5, 25, 10]


オブジェクト リテラルはオブジェクトを定義します:

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}


関数リテラルは関数を定義します:

function myFunction(a, b) { return a * b;}

JavaScript 関数定義
JavaScript では、キーワード function を使用して関数を定義します。
関数は宣言によって定義することも、式として定義することもできます。
関数宣言
前のチュートリアルでは、関数宣言の構文をすでに学習しました:

function functionName(parameters) {
 执行的代码
}

関数は宣言された直後には実行されませんが、必要なときに呼び出されます。

function myFunction(a, b) {
  return a * b;
}

実行可能な JavaScript ステートメントを区切るためにセミコロンが使用されることに注意してください。
関数宣言は実行可能なステートメントではないため、セミコロンで終わりません。

関数式
JavaScript 関数は式を通じて定義できます。
関数式は変数に保存できます:

var x = function (a, b) {return a * b};

関数式を変数に保存した後、変数を関数としても使用できます。

var x = function (a, b) {return a * b};
var z = x(4, 3);

上記の関数は実際には匿名関数です (関数には名前がありません)。
関数は変数に格納され、通常は変数名を通じて呼び出されます。
注 上記の関数は実行ステートメントであるため、セミコロンで終わります。

Function() コンストラクター
上の例では、関数がキーワード関数を通じて定義されることを学びました。
関数は、組み込みの JavaScript 関数コンストラクター (Function()) を通じて定義することもできます。

var myFunction = new Function("a", "b", "return a * b");

var x = myFunction(4, 3);

実際には、コンストラクターを使用する必要はありません。上の例は次のように記述できます:

var myFunction = function (a, b) {return a * b}

var x = myFunction(4, 3);


注 JavaScript では、多くの場合、new キーワードの使用を避ける必要があります。

関数ホイスティング(ホイスティング)
「ホイスティング」については、前のチュートリアルですでに学習しました。
巻き上げは、現在のスコープを前面に巻き上げる JavaScript のデフォルトの動作です。
ホイスティングは変数宣言と関数宣言に適用されます。
したがって、関数は宣言前に呼び出すことができます:

myFunction(5);

function myFunction(y) {
  return y * y;
}


式を使用して関数を定義する場合、ホイスティングはできません。
自己呼び出し関数
関数式は「それ自体を呼び出す」ことができます。
自己呼び出し式は自動的に呼び出されます。
これは、式の直後に () が続く場合に自動的に呼び出されます。
Y は宣言された関数自体を呼び出すことはできません。
かっこを追加して関数式であることを示します:

(function () {
  var x = "Hello!!";   // 我将调用自己
})();

上記の関数は、実際には匿名の自己呼び出し関数 (関数名なし) です。
関数を値として使用できます
値として使用される JavaScript 関数:

function myFunction(a, b) {
  return a * b;
}

var x = myFunction(4, 3);

JavaScript 関数は式として使用できます:

function myFunction(a, b) {
  return a * b;
}

var x = myFunction(4, 3) * 2;

関数はオブジェクトです
JavaScript で typeof 演算子を使用して関数の型を決定すると、「function」が返されます。
ただし、JavaScript 関数をオブジェクトとして記述する方が正確です。
JavaScript 関数にはプロパティとメソッドがあります。
argument.length プロパティは、関数呼び出しプロセスによって受け取られた引数の数を返します:

function myFunction(a, b) {
  return arguments.length;
}


toString() メソッドは関数を文字列として返します:

function myFunction(a, b) {
  return a * b;
}

var txt = myFunction.toString();


声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
JavaScript:Web言語の汎用性の調査JavaScript:Web言語の汎用性の調査Apr 11, 2025 am 12:01 AM

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1)フロントエンド開発:DOM操作と最新のフレームワーク(React、Vue.JS、Angularなど)を通じて、動的なWebページとシングルページアプリケーションを構築します。 2)サーバー側の開発:node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3)モバイルおよびデスクトップアプリケーション開発:クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

JavaScriptの進化:現在の傾向と将来の見通しJavaScriptの進化:現在の傾向と将来の見通しApr 10, 2025 am 09:33 AM

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

javascriptの分解:それが何をするのか、なぜそれが重要なのかjavascriptの分解:それが何をするのか、なぜそれが重要なのかApr 09, 2025 am 12:07 AM

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

pythonまたはjavascriptの方がいいですか?pythonまたはjavascriptの方がいいですか?Apr 06, 2025 am 12:14 AM

Pythonはデータサイエンスや機械学習により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、簡潔な構文とリッチライブラリエコシステムで知られており、データ分析とWeb開発に適しています。 2。JavaScriptは、フロントエンド開発の中核です。 node.jsはサーバー側のプログラミングをサポートしており、フルスタック開発に適しています。

JavaScriptをインストールするにはどうすればよいですか?JavaScriptをインストールするにはどうすればよいですか?Apr 05, 2025 am 12:16 AM

JavaScriptは、最新のブラウザにすでに組み込まれているため、インストールを必要としません。開始するには、テキストエディターとブラウザのみが必要です。 1)ブラウザ環境では、タグを介してHTMLファイルを埋め込んで実行します。 2)node.js環境では、node.jsをダウンロードしてインストールした後、コマンドラインを介してJavaScriptファイルを実行します。

クォーツでタスクが開始される前に通知を送信する方法は?クォーツでタスクが開始される前に通知を送信する方法は?Apr 04, 2025 pm 09:24 PM

Quartzタイマーを使用してタスクをスケジュールする場合、Quartzでタスク通知を事前に送信する方法、タスクの実行時間はCron式によって設定されます。今...

JavaScriptでは、コンストラクターのプロトタイプチェーンで関数のパラメーターを取得する方法は?JavaScriptでは、コンストラクターのプロトタイプチェーンで関数のパラメーターを取得する方法は?Apr 04, 2025 pm 09:21 PM

JavaScriptプログラミング、プロトタイプチェーンの関数パラメーターの理解と操作のJavaScriptのプロトタイプチェーンの関数のパラメーターを取得する方法は、一般的で重要なタスクです...

WeChat MiniプログラムWebViewでVUE.JSダイナミックスタイルの変位が失敗した理由は何ですか?WeChat MiniプログラムWebViewでVUE.JSダイナミックスタイルの変位が失敗した理由は何ですか?Apr 04, 2025 pm 09:18 PM

WeChatアプレットWeb-ViewでVue.jsを使用する動的スタイルの変位障害がvue.jsを使用している理由の分析...

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、