JavaScript 2ブラウザとJavaScript

1.ブラウザもオブジェクト？

🔹Windows:グローバルオブジェクトグローバルオブジェクト-->コンテンツが多すぎて、後で

2.文書オブジェクトモデル：文書オブジェクトモデル

DOMでは、JavaScriptを使用して処理対象のようにHTMLタグを自由に処理できます.

すなわち、

ページに表示されるHTML文書全体を対象として表す.

ドキュメントオブジェクトは、Webドキュメントの上部オブジェクトに入るポイントです.

ドキュメントオブジェクトを使用すると、Webページ内で任意のコンテンツを変更したり、新しいコンテンツを作成したりできます.

console.log(document);//검사창에 객체가 아니라 DOM에 해당되는 HTML이 출력됨.
console.log(typeof document);
console.dir(document);//객체형태로 다양하게 출력되는걸 확인할 수 있음.

3.console.ログとコンソール。dirについて

🔹共通点きょうつうてん:パラメータが渡された値をコンソールに出力ぱらめーたがらったちをコンソールにしゅつりょく

const str = 'Codeit';
const num = 123;
const bool = true;
const arr = [1, 2, 3];
const obj = {
  name: 'Codeit',
  email: '[email protected]',
};

function func() {
  console.log('I love Codeit!');
}

console.log('--- str ---');
console.log(str);
console.dir(str);
console.log('--- num ---');
console.log(num);
console.dir(num);
console.log('--- bool ---');
console.log(bool);
console.dir(bool);
console.log('--- arr ---');
console.log(arr);
console.dir(arr);
console.log('--- obj ---');
console.log(obj);
console.dir(obj);
console.log('--- func ---');
console.log(func);
console.dir(func);

🔹差異

1.出力される資料の種類が異なる。

:dirメソッドは文字列表示形式でコンソールに出力されます.

2.logは値そのものを表し、dirはオブジェクトの属性を表す

:logメソッドはパラメータ伝達値を主出力とし、dirメソッドはオブジェクトのプロパティをより詳細に出力します.dirメソッドが出力する部分はまずオブジェクトのタイプを出力し、関数部分は展開時に関数が持つ属性(ログメソッドが展開されていない)を表示します.

3.logは複数、dirは1つ!

console.log(str, num, bool, arr, obj, func);
console.dir(str, num, bool, arr, obj, func);

両者の差は、パラメータを介して伝達できる値の個数にも存在する.
logメソッドは、カンマで区切られた複数の値によって渡されるすべての値を出力します.
dirメソッドは、複数の値が渡されても、最初の値のみを出力します.

4.DOMオブジェクトを処理するとき…

前回の授業で見たように,logとdirメソッドの最大の違いはDOMオブジェクトを処理する際に現れる.
値に重点を置いたlogメソッドは、ターゲットをHTML形式に出力します.
オブジェクト属性に重点を置いたdirメソッドは、オブジェクトとしてターゲットを出力します.

これまでconsoleオブジェクトのlog法とdir法の違いについて議論した.
コンソールの値を表示する場合はlogメソッドを使用します.オブジェクトのプロパティを表示する場合はdirメソッドを使用します.