日3 :コードの100日、JavaScriptの基礎、いくつかの重要な機能

5138 ワード
100daysofcode creatingsummary javascript webdev テキストリンク
今日、私はJavaScriptを学びます.では、始めましょう.

ジャバスクリプト


巻上げ


HoistingはJavaScriptのメカニズムで、変数と関数の宣言がコード実行の前にスコープの先頭に移動されます.例:このコード
 console.log (greeter);
 var greeter = "say hello";
は
var greeter;
console.log(greeter);  //greeter is undefined
greeter = "say hello";
この例ではvar 変数はスコープの先頭に置かれ、undefined . let and const は、初期化されず、初期化されず、したがって、上記の例のように初期化する前にそれらを使用しようとすると、Reference Error .

オブジェクトの値またはプロパティにアクセスする方法


人を対象としましょう
let person: {
name : "John",
class : 10,
good : true
}
人の名前にアクセスするには-
  • method - 1 :person.name
  • メソッド2 -person["name"] . 注意:ここでは、プロパティの値をダブルまたはシングル引用符の中に配置する必要があります.person[name] は動作しません.

    • We can change the value of properties of both a "let" and a "const" object, but we cannot add or remove properties in case of "const" object.(for the case of var, we can).Example:-


    let student = {
    class: 10,
    name: "John",
    padal: true
}

student.huehue = false; //no errors
console.log(student); // prints {class: 10, name: "John", padal: true, huehue: false}

    オブジェクト内部の関数の定義


    オブジェクトの内部で関数を定義することができます.
    let student = {
name : "John",
studentInfo: function (){
   return name;
}
};
    以下のような関数を使用します-
    console.log(student.studentInfo());

    switch文


    構文は次のようになります-
    switch (expression) {
    case 0:
        text = "weekend";
        break;
    case 1:
        text = "not-weekend";
        break;
    case 2:
        text = "weekend";
        break;
    default:
        text = "no_idea";
}
    式は、“0”、“1”などのような場合に値を入れる式です.

    JSON


    JSONはJavaScriptのオブジェクト表記を表します.これは基本的にオブジェクトの配列です.
    JSONファイルをプロジェクト内に含めるには、次の手順を実行します.

    JavaScriptのオブジェクトキーへの重要なガイド


    参照medium 記事.

    その他の短いポイント

  • var,let,const,違いは何か?freecodecamp . 概要の最後のパラのみをお読みください.

  • いくつかの新しい短い話題
  • getElementById(" ")
  • innerHTML :- IDの値を書き込みます
    ダブル引用符または単一のinnerhtml多分.
  • prompt
  • indexOf(" ")
  • slice(firstIndex, lastIndex) :- 最後のものが除外される間、最初のインデックスは含まれます.
  • toUpperCase()
  • toLowerCase()
  • replace("oldsubstring", "newsubstring") :- 例:
    文字列の初期値がバナナであるならば、置換(「禁止」、「123」)は「123 ANA」を与えます.
  • charAt(index)
  • split("someseperator") :- を返します.split("") , 文字列の個々の文字を分割します.
    11 .toString() :- 配列の全ての要素はコンマによって区切られます.

    • 配列共通メソッド

  • join("somespecifier") :- 配列から文字列を作成します.
  • pop :- 配列から最後の要素を削除します.
  • push("newElementInTheArray") :- 付属
  • shift() :- 最初の要素を配列から削除します.
  • unshift() :- 配列に最初の要素を追加します.
  • reverse() :- 配列の順序を反転する
  • sort() :- 番号を並べ替えながら、並べ替えをして任意の関数を渡さない場合は、番号がソートされません.だから、昇順をソートするには、書く必要があります
    • myArray.sort(function(a,b){return (a-b);});
    を順にソートします.
    myArray.sort(function(a,b){return (b-a);});
  • 次のように配列を宣言できます.
    • let myArray = new Array();
    必要に応じて、(.)内の配列を定義します.
  • onclick :-
    • <button class = "btn-primary" onclick="ageInDays()">Click me</button>
    ここで、ageIndaysはJSファイルで定義されたJavaScript関数です.
  • HTML要素を作成した後、CreateElementを使用して、' img 'を作成した場合、imgのソースアロケーション中に-
    • image.setAttribute("src","//unsplash.it/200/200"); //wrong
    これは間違っており、正しい方法は以下の通りです.
    img.src = "//unsplash.it/200/200";

    トピックを改善する必要があります

  • ソート関数
  • JSON

    • 私がしたが、書くことができない他の話題

  • チャレンジ:あなたの年齢
  • チャレンジ:猫ジェネレータチャレンジ
    • Redisが高くて、キャッシュが貫通しています.
    play-with-terminal