知っておくべきJavaScriptの重要な機能

このチュートリアルでは、JavaScript の特殊な機能について学習します。

JavaScript は人気のあるプログラミング言語です。 JavaScript は柔軟です。利用可能なオープンソース ライブラリが多数あります。 GitHub には、世界中の開発者によって作成された膨大な量の JavaScript コードが含まれています。 Javascript はフロントエンドとバックエンドの両方でうまく機能します。

JavaScript の構文は非常に単純です。設定をしなくても、誰でも Javascript プログラムを実行して、使いやすいものにすることができます。 Javascript は、HTML、CSS、コーディングの基本的な知識がある人が使用できます。

JavaScriptの特徴

Javascript はブラウザーでクライアント側のスクリプトを実行します。

通訳

ブラウザは JavaScript コードを解釈します。

イベント処理

イベントはアクションです。 JavaScript はイベント処理オプションを提供します。

Javascript はコンパイル言語ではないため、実行前にソース コードがバイト コードに変更されることはありません。軽量であるため、ローエンド デバイスでも Javascript を実行できます。

JavaScript では、名前、変数、キーワード、関数では大文字と小文字が区別されます。

制御ステートメント

Javascript には、if-else-if、switch case、ループなどの制御ステートメントがあります。ユーザーは、これらの制御ステートメントを使用して複雑なコードを作成できます。

対象者は第一級国民です

JavaScript の配列、関数、およびシンボルはすべて、オブジェクト プロトタイプのプロパティを継承できるオブジェクトです。第一級市民であるということは、オブジェクトがすべてのタスクを完了できることを意味します。

関数型プログラミングのサポート

JavaScript 関数は、別の関数の引数として機能したり、参照によって呼び出したり、変数に割り当てることができます。

ダイナミックタイプ

JavaScript 変数には、任意の値の型を指定できます。同じ変数に文字列値、整数値、またはその他の値を含めることができます。

クライアントの検証

JavaScript クライアント側検証により、ユーザーはフォーム送信時に有効なデータをサーバーに送信できます。

プラットフォームに依存しない

Javascript は、どのオペレーティング システムのすべてのシステムでも同じように実行されます。

非同期処理

Javascript async-await 関数と Promise 関数は、非同期機能を提供します。プロセスが並行して実行されるため、処理時間と応答性が向上します。

プロトタイプに基づく

Javascript は、クラス継承ではなく「Object.prototype」関数に従います。

NULL 値合体演算子 (??)

左のオペランドが空の場合、null 合体演算子は右のオペランドを返します。左のオペランドが「null」でない場合、演算子は左のオペランドの値を返します。この演算子は、ブール演算子のエラーを回避するのに役立ちます。

論理的な空の代入 (??=)

それは略称です

スタイルコンソールログ

JavaScript コンソールにはスタイルを設定できます。たとえば、以下のブロックを参照してください。

最初のスタイル セットは %c を含む最初の文字列に適用され、2 番目の %c は 2 番目の文字列の 2 番目のスタイル セットを取得します。

オブジェクトの略語

オブジェクトの略語を使用すると、ユーザーは変数とキー値を同じ名前で割り当てることができ、スペースと時間を節約できます。

オプションのリンク (?.)

Javascript のオプションのチェーンにより、以下の例の通常の null チェックが最適化されます。

遅延/非同期読み込み

HTML 解析中、JavaScript はファイルを「遅延」させて非同期的にダウンロードし、ページの読み込み時間を最適化します。非同期スクリプトはダウンロード後すぐに実行されます。遅延スクリプトは Dom の順序でのみ実行されます。

クライアントの簡単な計算

JavaScript は、ブラウザ上で簡単なクライアント側の計算を実行できます。

大規模なブラウザ コントロール

JavaScript はサーバーよりもブラウザを優先します。

日時の処理

JavaScript には、「日付」と時刻を取得するための組み込み関数があります。

HTMLコンテンツの生成

JavaScript を使用すると、ユーザーがページ上で特定のアクションを実行するときに動的 HTML コンテンツを追加できます。

ブラウザとオペレーティング システムの検出

JavaScript には、ユーザーが使用しているブラウザを検出するコードが組み込まれています。

Let および Const キーワード

Javascript は、var キーワードをブロックレベルのスコープで let キーワードと const キーワードに置き換えます。

アロー関数

Javascript はアロー関数構文を使用して、匿名関数の構文を最適化します。

テンプレートのテキスト

Javascript では変数を文字列として保存できるため、開発時間を節約できます。

新しい配列関数

JavaScript 配列関数により、コードの最適化が可能になります。通常の配列には整数のインデックスがあり、連想配列には文字列のインデックスがあります。

デフォルトパラメータ

Javascript は、未定義の値のエラー状態を回避するためにデフォルトのパラメーターを使用します。

属性の省略形

Javascript には、コーディング時間とコストを節約できる .get() などのさまざまな短縮メソッドがあります。

Java に似た構文

Javascript 構文は Java 構文により似ており、開発者が両方のプログラミング言語で作業できるようにします。

If else ステートメント

Javascript の「if else」条件文は論理演算を実行します。

ループステートメント

Javascript ループを使用すると、開発者はループを使用して同じコードを複数回実行できます。

BigInt

Javascript 允许大整数值。 Javascript 引擎以不同方式支持 BigInt。

动态导入

Javascript动态导入功能允许在运行时添加任何文件。

Promise.allSettled

Javascript Promise.allSettled 方法仅在解决或拒绝所有承诺后才接受承诺数组。

字符串matchAll

Javascript string.matchAll() 返回正则表达式中的所有匹配组。

全局这个

Javascript globalThis 指向全局对象，不考虑窗口对象或自对象。

模块命名空间导出

Javascript模块命名空间导入导出语法如下。

import * as utils from'./utils.mjs';
export {utils}

定义良好的 for-in 顺序

Javascript 'for(a in b)' 在 2020 年之前没有执行顺序。ES2020 给出了规范。

导入.meta

Javascript import.meta 给出脚本标签的元信息。

<script type='module' src='module.js'>
console.log(meta);
//Output
{url: 'file':'//home/user/module.js'}

使用 .at() 进行负索引

Javascript数组索引用数组长度减去过程是一种旧方法。函数.at()可以替代这个任务。

let arr=[10, 20, 30];
arr.at(2);//Prints 20

拥有

Javascript hasOwn 属性是 hasOwnProperty 的扩展。 Javascript hasOwn 是一个静态方法。

let obj = Object.create(null);
obj.hasOwnProperty=function(){};
Object.hasOwnProperty(obj, 'hasOwnProperty');

//Cannot convert the object to the primitive value
Object.hasOwn(obj, 'hasOwnProperty'); //true

类静态块

Javascript 类可以有静态项。

class Color {
   static blue;
   static {
      this.blue = 'blueberry';
   }
}

错误原因

Javascript Error 类还提供错误原因报告。

throw new Error('Error message', { cause: rootCause });

结论

Javascript 具有独特的功能以及面向对象编程和 Java 语言的功能。所讨论的所有功能和其余功能使 Javascript 成为一种强大的编程语言。

以上が知っておくべきJavaScriptの重要な機能の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。