JavaScriptの起動


1. 📒 JavaScriptとは?


JavaScriptはオブジェクトベースのスクリプト言語です.
HTMLを使用してWebコンテンツを作成し、CSSを使用してWebを設計し、JavaScriptを使用してWeb動作を実現できますが、JavaScriptは主にWebブラウザに使用されますが、Nodeです.jsのようなフレームワークは、サーバ側のプログラミングにも使用できます.
また,現在ではコンピュータやスマートフォンを含むほとんどのWebブラウザにJavaScript interpreterが内蔵されている.

2.JavaScriptの特徴

  • javascriptは、オブジェクトベースのスクリプト言語です.
  • javascriptは、宣言する必要のないダイナミックなインタラクティブ言語です.
  • JavaScriptは、オブジェクト向けおよび関数式プログラミングを同時に表すことができる.
  • ✔C言語などの言語とは、ソースファイルを作成した後、ユーザーが実行可能な実行可能ファイル(.exe)にコンパイルしますが、これらのコンパイル操作を経ずにソースコードを直接実行できる言語です.JavaScriptは、Webブラウザに含まれるjavascriptブローカによってソースコードを直接解析し、すぐに実行されます.

    3.JavaScriptの基本構文


    📌 1. Console.log


    console.logはJavaScriptの最も基本的なデバッグ(出力)方法です.ここで、出力は値が表示されます.
    console.log("camille");開発者の中ではよく「試してみる」ことがあります.このような表現は、コンソールで特定の値を画面に表示することを意味する場合によく使用されます.
    「コンソールにログを残します.」ここで、コンソールとは、ブラウザでブラウザを右クリックして「チェック」(Inspect)ボタンをクリックすると、右上コンソールというタブが表示されるコンソールタブのことです.
    基本型:console.ログ(出力先);

    📌 2.可変(変数)


    変数は、データを含むことができるオブジェクトを意味します.
    let myNumber = 500;ここで、mynumberという変数には、mynumberが変数の名前であり、500が変数の値である数値500を含めることができる.
    変数でデータを使用するには、次のように2つのフェーズが必要です.
    1.let myNumber名前を宣言します.
    2.let myNumber = 500;データの割当て(or代入).
    =これ以降、myNameは500の値を置き換えます.
    let myNumber = 5;
    let myNumber = 5;
    上記のように、変数(variable)に値を割り当てる場合は、値付け演算子(=)を使用します.
    代入演算子は、前述のように、右の項目の値を左の変数に代入します.
    let myVar = 5;
    let myNum = myVar;

    👩‍🏫null & undefined


    nullもundefinedもJavaScriptのデータ型です.
    未定義の宣言は、値が割り当てられていないことを示します.
    nullは「空の値(blank)」を表し、ユーザーから与えられた値です.
    したがって、undefinedとは異なり、JavaScriptではnull値を自動的に指定できません.
    全体的に、値なしは未定義と似ているようですが、まったく同じではありません.
    let name;            // undefined
    let name = null;     // null
    
    console.log(null == undefined);   // true
    console.log(null === undefined);  // false
    let name;            // undefined
    let name = null;     // null
    
    console.log(null == undefined);   // true
    console.log(null === undefined);  // false
    厳密な一致演算(===)は値だけでなく、タイプが同じ場合にtrueが表示されます.
    ではnullとundefinedのtypeはどんなタイプですか?タイプを知るために.
    typeof演算子を使用します.
    console.log(typeof null);       // object
    console.log(typeof undefined);  // undefined
    console.log(typeof null);       // object
    console.log(typeof undefined);  // undefined
    nullのtypeにobjectが現れたのは、なぜですか?nullは、前述したように「値なし(blank)」の「割り当てられた」値を指すためである.

    📌 3.データ型


    デフォルトタイプ(Primitive type):Number、String、Boolean、Undefinde、Null
    参照タイプさんしょうたいぷ:オブジェクト、配列複写、機能おぶじぇくと、はいち、きのう

    ✍ 1) Number


    :0、1、500、1000・・・数字タイプ全て
    let myNumber2 = 100;
    let myNumber3 = 400;
    
    console.log(myNumber2); 
    < 400
    
    console.log(myNumber2 + myNumber3)
    < 500
    8
    console.log(myNumber1 * myNumber3)
    < 800
    
    console.log(myNumber1 % muNumber3)
    < 2
  • 残りの演算%は、前の数字を後の数字に除いて、残りだけを求める.
  • ✍ 2) String


    :「camille」、「dog」、「桃」・・・私たちが使っているすべての文字列
    console.log("Cat");
    < Cat
    
    console.log("Graph");
    < Graph
    
    let myName = "Camille";
    console.log(myName);
    < Camille
    
    let myNumber1 = 2;
    let myNumber2 = 100;
    console.log('2 plus 100 equal to ' myNumber1 + myNumber2);
    < 2 plus 100 equals to 102
    👉 JavaScript Stringの追加方法
  • +operator
  • let b = 'tree';
    let c = a + b;
    console.log(c);
    < old tree
  • operator2
  • mag += 'three falcons';
    msg += 'in the sky'
    console.log(msg);
    < There are three three falcons in the sky
  • join method
  • let msg = word.join(' ');
    console.log(msg);
    <There are three three falcons in the sky
  • concat method
  • let c = a.concat(`tree`);
    console.log(c);
    5.fotmatting strings
    let w2 ='eagles';
    let msg = 'Threr are ${w1} ${w2} in the sky';
    console.log(msg);
    <There are two eagles in the sky
    ✔concat関数は、複数の範囲と文字列のテキストを結合しますが、パラメータまたはignoreEmptyパラメータは指定しません.
    例えば、=CONCAT("The"、"sun"、"will"、"come"、"up"、"tomorrow").「太陽報」は明日上映される.を返します.
    ✔文字列の全長を求めます
    console.log(strings.length);
    < 14
    <The length of pepsi is 5
    5는 숫자
    
    console.log("The length of pepsi is" + 'pepsi'.length)
    <The length of pepsi is 5
    ( 문자열 + 숫자 = 문자열로 ) 5는 스트링

    ✍ 3) Boolean


    :falseパラメータとfalseパラメータが正しいかどうかを確認するためのtrue
    let yourAnswer = false;
    console.log(myAnswer);
    < true

    ✍ 4) Array


    :[1,2,3,4,5,6,7]の値は1列で、配列にはすべての一般的な数値、テキスト、およびブール値を含めることができます.
    let fruit =['apple', 'peach', 'banana'];
    
    console.log(fruit);
    <['apple', 'peach', 'banana']

    ✍ 5) Object


    :
    キーの前に複数のデータを含む括弧を付け、中括弧で始まる必要があります.
    let camille = {
      name: camille son,
      live: daejeon
      };
      
    console.log(camille);
    < name:camille son, live: daejeon

    ✍ 6) Function


    :関数の名前を関数と呼ぶデータ型とし、カッコに関数が担当する機能を含める
    function camille() {
      let petName = "bbachon",
      console.log(petName)
      return petName
      };