ホームページ >ウェブフロントエンド >jsチュートリアル >今日、この開発者の取り組みで学んだ JavaScript の基本。

今日、この開発者の取り組みで学んだ JavaScript の基本。

Linda Hamilton
Linda Hamiltonオリジナル
2025-01-01 04:40:121040ブラウズ

JavaScript Basics I learnt today on this developer journey.

JavaSCRIPTの基本

  • データ型
  • 価値観
  • 変数
  • 条件
  • オペレーター
  • ループ
  • 機能

ジャバスクリプトの歴史

当初、開発者はブラウザに機能を提供できるものを望んでいました。 スクリプト言語。

書かれたコードは、それが書かれたブラウザでのみサポート可能です。したがって、これに対する解決策を考え出すために、ECMA スクリプト を思いつきました。 ECMA スクリプトは、ブラウザでコーディングする際に従うべき一連のルールでした。ただし、これには互換性がなかったため、ES6 が導入されました。 ES6 は、ブラウザーでのコーディングを管理するために修正された一連のルールまたは命令でした。 Mocha (1995) から LiveScript (1996) 、そして JavaScript (現在まで)。当時のブラウザーは CSS と HTML のみをサポートしていました。

古代にはブラウザは 2 つしかありませんでした。 Internet Explorer および Netscape ブラウザ。

JavaScript の基本

1.データ型(値)

例:1.数値(整数と10進数) 1、6.4など; 2.文字列 (例: "leya")。

  • これらは単一の値を持ちます。

配列

  • ここにインデックスと値があります。 任意の値にアクセスします。インデックスの助けを借ります。

オブジェクト
キーと値があります。

  • 例: Fname:マックライン、 名前:レヤ

オブジェクトには複数の値があります。ここでは、配列内にまだ存在する任意の値に対して独自のキーを作成できます。常に定数で変更できないインデックスを使用します。

  • たとえば、bankaccount ={fname:'leya',
    とします。 lname:'マックライン',
    携帯電話番号:989372、
    };
    Console.log(数字);
    Console.log (numbers.lname);

  • したがって、特定のオブジェクトにアクセスするには、オブジェクトの間にドット記号を使用できます。

2.変数
値の一部を保存したい場合は、変数を使用できます。変数は、値のフォルダーまたはプレースホルダーです。

変数を宣言する 3 つの異なる方法。

  • 1.var x = 50; メモリの都合上、最小限 var を使用する必要があります。
  • 2. y = 50 とします。 *口座残高などの値の変更に使用できます...
  • 3.const z = 'leya';変数の値を変更したくない場合は const を使用します。
    例:

    銀行口座番号は定数なので、それを保存するための var z です。画面に何かを印刷したい場合は、ターミナルで次のステートメントを使用します。 console.log(オブジェクト);

  • つまり; console.log(fname) ;テンプレートリテラルも使用できます。つまり;
    console.log(私の現在の名は ${fname} です);

3.オペレーター
これらは、計算を行うときに使用します。つまり計算です。

演算子の例

  • 1.代入演算子[=]
  • 2.算術演算子 [、×、÷、%]
  • 3. 比較演算子 [>、<、>=、<=、== は値のみを比較し、==== は値とデータ型の両方を比較します。 x=5; y='5';console.log(x==y) は true ですが、console.log(x===y) は false].

ピックアップ;

const accno;accno = "45689943";

accno は定数であるため、宣言時に初期化する必要があるため、これによりエラーが発生します。
また; const accno = 4694647855 ;
accno = 1345950;
また、定数である accno は完全に初期化されるため、出力にエラーが出力されます。

4.決定
これらは条件とも呼ばれます。使用できるのは次のとおりです:
a) If else ステートメント: ここで、if ブロックと else 内の他のすべてのステートメントが true でない場合に、else のステートメントが実行されます。

b) スイッチケース

ここでは、デフォルトは if else 条件文のelseと同じように機能します。また、switch case ループから抜け出す必要がある場合には、switch case で Break を使用します。

注意:

  • if else ステートメントと switch case ステートメントはどちらも同じ動作をしますが、一般的には if else が使用されます。

c) 三項演算子/、演算

これらは 2 つの演算子のみを使用して実行できます。つまり、?そして;。 (?) の後に書かれたものはすべて true 、コロンの後に書かれたものはすべて false 、そして ? より前に書かれたものはすべて false です。は条件です。つまり;状態 ?真実 ; false。

5.ループ

これらは、配列などの変数などを最後まで反復する場合に役立ちます。

いくつかは私たちが持っているループの例です

i) do while ループ: ここでは、出力として do ブロック内で少なくとも 1 つのステートメントが実行されます。これは、このようなループ内の条件がループの最後に記述されるためです。
a=5 にします;
する{
console.log('a の値は;', a);
;
}while(a

ii) while ループ;ここでは、条件が true でない限り、ステートメントが実行されないこともあります。

例:
a = 6 とします;
while(a<=4){
コンソール。 log('a の値は: ', a );
;
}

iii) for ループ

例;for(let a=0; a コンソール。 log('a の値は次のとおりです:', a);
}

Github
リンクトイン
ハッシュノード

以上が今日、この開発者の取り組みで学んだ JavaScript の基本。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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