JavaScriptの起動
5601 ワード
1. 📒 JavaScriptとは?
JavaScriptはオブジェクトベースのスクリプト言語です.
HTMLを使用してWebコンテンツを作成し、CSSを使用してWebを設計し、JavaScriptを使用してWeb動作を実現できますが、JavaScriptは主にWebブラウザに使用されますが、Nodeです.jsのようなフレームワークは、サーバ側のプログラミングにも使用できます.
また,現在ではコンピュータやスマートフォンを含むほとんどのWebブラウザにJavaScript interpreterが内蔵されている.
2.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
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
console.log(typeof null); // object
console.log(typeof undefined); // undefined
console.log(typeof null); // object
console.log(typeof undefined); // undefined
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の追加方法let b = 'tree';
let c = a + b;
console.log(c);
< old tree
mag += 'three falcons';
msg += 'in the sky'
console.log(msg);
< There are three three falcons in the sky
let msg = word.join(' ');
console.log(msg);
<There are three three falcons in the sky
let c = a.concat(`tree`);
console.log(c);
5.fotmatting stringslet 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
};
Reference
この問題について(JavaScriptの起動), 我々は、より多くの情報をここで見つけました https://velog.io/@ka0son/JAVASCRIPT-시작하기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol