JavaScript(+DOM、変数、関数、用語クリーンアップ)
3368 ワード
JavaScript
開発者はボタンでウィンドウを開く機能と閉じる機能を追加したいが,HTMLではこれらの機能が実現できないためJavaScriptを開発した.元の名称はScriptで、当時のJavaの人気に合わせてJavaScriptという名前にしました.
DOM
DOMは、上記ソースコードを以下のように展開する.
JavaScriptでは、このDOMの要素(タグ)にアクセスしてデータを変更できます.
へんすう
値を格納するスペース.簡単に考えれば空っぽの箱にすればいい変数名このボックスの名前を指定します.JavaScriptの"="は、"右側の値を左側に格納します."という意味です.var 변수명 = 저장할 값
let 변수명 = 저장할 값
const 변수명 = 저장할 값
var(変数再宣言O,変数再分配O)
次のように、同じ変数名を持つ変数を再宣言および再割り当てできます.var a = 1;
console.log(a) // 1 출력
var a = 2;
console.log(a) // 2 출력
var a = 3;
console.log(a) // 3 출력
a = 4;
console.log(a) // 4 출력
a = 5;
console.log(a) // 5 출력
複数宣言変数は、エラーが発生することなく、異なる値を出力する可能性があります.
これは、必要に応じて変数を使用できるという利点かもしれませんが、同じ名前の変数の名前を乱用したり、メモリ領域を浪費したりする可能性があります.それを補うために、ES 6からlet、constを追加しました.
let(変数再宣言X,変数再割り当てO)
上記のvarと同じ名前の変数名を再宣言することはできませんが、変数の値を再割り当てできます.//재선언 불가
var a = 1;
console.log(a) // 1 출력
var a = 2; // 에러발생!
//재할당 가능
var a = 1;
console.log(a) // 1 출력
a = 2;
console.log(a) // 2 출력
a = 3;
console.log(a) // 3 출력
再宣言すると、ターミナルウィンドウまたは開発者ツールに次の内容が表示されます.
UncauthtSyntaxError:Identifier「再宣言変数名」が宣言されました
cont(変数Xを再宣言し、変数Xを再割り当て)
変数を再宣言したり、変数を再割り当てしたりすることはできません.var a = 1;
console.log(a) // 1 출력
var a = 2; // 에러 발생!
a = 3; // 에러 발생!
要するに、値を変更する必要がある変数はletとして宣言し、固定値が必要な関数はcontとして宣言し、メモリ領域の浪費や不要な変数の乱用を避ける必要があります.
番外。変数に格納されている値はどこですか?-メモリ容量(HDD、SDD、RAM)
変数を宣言すると、変数の値はハードディスク(HDD、SSD)に格納されます.HDDを保存した後、デバイスがシャットダウンしても保存した値は削除されません.ハードディスク(HDD)の容量が大きいほど、処理速度が遅くなります.したがって、記憶されている値はRAMに移される.これは、RAMの処理速度が速く、容量が小さいためではない.JavaScriptの場合、RAMに一定のスペースが自動的に割り当てられます.
オブジェクト(オブジェクト、オブジェクト)
JavaScriptのデータ型の1つです.オブジェクトタイプ以外のデータ型には、元のタイプ(primitive type)と呼ばれる1つのデータ(文字列、数値など)しか含まれません.
宣言された変数が多すぎると、ストレージスペースが無駄になります.元のタイプとは異なり、オブジェクトタイプはカッコ{}を使用して異なるデータ(キーワードで区切られたデータセットまたは複雑なオブジェクト(エンティティ))を含むことができ、これらの変数宣言の乱用を回避できます.
JavaScriptでは、ほとんどのコンテンツがオブジェクト向けです.
オブジェクトの詳細(追加)
オブジェクトへのアクセス方法
オブジェクト名.プログラムキー
「プロパティ」:オブジェクトの値を表します.かっこ'''はありません.
オブジェクト名.メソッド名()
方法:「簡単に言えば、オブジェクト内の関数です.」かっこ「」があります.
関数(function)
特定の目的を実行するためのソースを作成します.function sum(x, y){
alert( result ); //실행할 소스
return x+y;// return: 함수 호출 시, 호출한 곳에 특정한 값 반환
}
let result = sum(1,2); //함수 호출
パラメータ
パラメータ(parameter)を使用すると、関数に任意のデータを渡すことができます.パラメータはパラメータとも呼ばれます.
パラメータに値が定義されていない場合は、この値はUndefindです.
return
関数を呼び出すと、特定の値を呼び出し関数の場所に戻すことができます.
returnは、関数内の任意の場所で使用できます.関数のソースコードを解析中にreturnに遭遇すると、関数はすぐに停止し、関数を呼び出した場所で値を返します.1つの関数に複数の戻り文がある場合があります.
returnの値を格納する変数を作成する必要があります.
Reference
この問題について(JavaScript(+DOM、変数、関数、用語クリーンアップ)), 我々は、より多くの情報をここで見つけました
https://velog.io/@igoeun0131/JavaScriptDOM-변수-함수-용어-정리오브젝트-프로퍼티-메소드
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
var 변수명 = 저장할 값
let 변수명 = 저장할 값
const 변수명 = 저장할 값
var a = 1;
console.log(a) // 1 출력
var a = 2;
console.log(a) // 2 출력
var a = 3;
console.log(a) // 3 출력
a = 4;
console.log(a) // 4 출력
a = 5;
console.log(a) // 5 출력
//재선언 불가
var a = 1;
console.log(a) // 1 출력
var a = 2; // 에러발생!
//재할당 가능
var a = 1;
console.log(a) // 1 출력
a = 2;
console.log(a) // 2 출력
a = 3;
console.log(a) // 3 출력
var a = 1;
console.log(a) // 1 출력
var a = 2; // 에러 발생!
a = 3; // 에러 발생!
function sum(x, y){
alert( result ); //실행할 소스
return x+y;// return: 함수 호출 시, 호출한 곳에 특정한 값 반환
}
let result = sum(1,2); //함수 호출
Reference
この問題について(JavaScript(+DOM、変数、関数、用語クリーンアップ)), 我々は、より多くの情報をここで見つけました https://velog.io/@igoeun0131/JavaScriptDOM-변수-함수-용어-정리오브젝트-프로퍼티-메소드テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol