JavaScript
4459 ワード
JavaScriptとは?
JAvascriptは、複雑なもの(周期的なコンテンツ更新機能、ダイナミックな地図、変化する2次元/3次元グラフィック、ビデオなど)をWebページに適用できるスクリプトまたはプログラミング言語です.標準Web技術と呼ばれる層ケーキでは、JavaScriptは3層目と見なすことができます.他の2つの階層(HTMLとCSS)の詳細は、学習領域の他の部分で参照できます.
JavaScriptへのリンク
HTMLは、Webコンテンツの構造と意味を段落、タイトル、表、挿入画像、ビデオとして定義する寸法言語です.
CSSは、背景色やフォントなどのレイアウトを指定してHTMLコンテンツを飾るスタイルルール言語です.
JavaScriptは、コンテンツを動的に変更したり、マルチメディアを処理したり、画像を移動したりすることができます(もちろん、これはすべてではありませんが、JavaScriptコードを数行で完了することができます).聴けるスクリプト言語.
3つの元素が有機的に結合している.例に示すように、簡単なフォームを作成します.HTMLでは、構造や目的に応じて寸法を付けることができます.
JavaScriptを使用して、どのような作業を追加できますか?
変数に値を保存できます.上記の例では、作成した新しい名前がnameという変数に保存されています.
プログラミングでは「文字列」と呼ばれる文字を操作することもできます.上記の例では、文字列「Player 1:」をnameという変数と複合することで、「Player 1:Chris」の文章を完成させることができる.
Webページのイベントに応答するコードを作成できます.例で使用するクリックイベントは、エレメントをクリックし、テキストラベルを更新するタイミングを定義します.
JavaScriptは、Webページでどのような役割を果たしていますか?
ブラウザからWebページを読み込むと、HTML、CSS、Javascriptコードが実行環境(ブラウザタブ)で実行されます.これは工場で原材料(コード)が一連の過程を経て、製品(ウェブページ)を生成するようなものです.
JavaScriptはHTMLとCSSで結合され、Webページにアップロードされ、ブラウザのJavaScriptエンジンで実行されます.これは、ページの構造とスタイルを決定し、JavaScriptを実行するのと同じです.
ユーザーインタフェースを動的に更新するJavaScriptは、Document Object Model APIでHTMLとCSSを変更する良い方法です.JavaスクリプトがHTMLとCSSの前に実行されている場合は、問題が発生するに違いありません.
Data Type
データ型は、すべての言語で関連する最初の概念です.データ型を知らないのは、スペルを知らないで作文を書くことに等しい.次に、データ型の概念について説明します.
JavaScriptで最も基本的なデータ型はNumber、String、Booleanです.
Array、Object、Function、Null、Undefindもあります.
まずNumberとStringから理解します.
Number
数値または算術演算を表すデータ型.
基本的には+、-、*、/などの算術演算が可能であり、Mathという内蔵オブジェクトを用いて数学関数の結果を得ることも可能である.説明によれば、JavaScriptの番号は「64ビットフォーマットIEEE 754値」と定義される.
String文字列
toUpperCase():小文字文字列を大文字に変換します.
toLowerCase():大文字列を小文字に変換します.console.log('hello'.toUpperCase()) // 출력 : 'HELLO'
console.log('Hello'.toLowerCase()) // 출력 : 'hello'
indexOf:文字列内で特定の文字を検索します.console.log("hello World".indexOf('O')) // 출력 : -1
console.log("hello World".indexOf('o')) // 출력 : 4
console.log("hello World".indexOf('World')) // 출력 : 6
その他のStringメソッド
replace()
charAt()
split()
データ型、変数(variable)
すべてのプログラミング言語には内蔵されたデータ型がありますが、これらの内蔵されたデータ型は言語によって異なることが多いです.このドキュメントでは、javascriptの組み込みデータ型と組み込みデータ型で使用できるプロパティについて説明します.これにより、内蔵資料型をより複雑な資料型の作成に使用することができる.できれば他の言語と比較してみましょう.var foo = 42; // foo 는 이제 Number
var foo = "bar"; // foo 는 이제 String
var foo = true; // foo 는 이제 Boolean
var - let - const// var : 변수 재선언 가능
var variable = '변수선언함';
console.log(variable); //변수선언함
var variable = '또 변수선언함';
console.log(variable); //또 변수선언함
-------------------------------------
// let : 변수 재선언 불가능, 변수 재할당 가능
let variable = '변수선언함';
console.log(variable); // 변수선언함
variable = '변수 재할당함';
console.log(variable); //변수 재할당함
let variable = '또 변수선언함';
console.log(variable); //또 변수선언함
-------------------------------------
// const : 변수 재선언 불가능, 변수 재할당 불가능
const variable = '변수선언함';
console.log(variable); //변수선언함
variable = '변수 재할당함';
console.log(variable); //변수 재할당함(에러)
const variable = '또 변수선언함';
console.log(variable); //또 변수선언함(에러)
デフォルトタイプ(Primitive value)
オブジェクト以外のすべての値は可変ではありません.たとえば、C言語とは異なり、文字列は不変(可変)です.この値を元の値と呼びます.
Operator演算子
JavaScriptには、さまざまなタイプの演算に使用できる複数の演算子(演算子)が用意されています.
算術演算子
算術演算子は、四則演算を処理する基本的で最も一般的な演算子です.
代入演算子
付与演算子は、変数に付与する際に使用される2つの演算子で、右から左にかけて被演算子の組合せ方向です.
さらに、前述した算術演算子と結合した複数の複合付与演算子も存在する.
増減演算子
増減演算子は、被演算子を増減するための演算子です.
この演算子は一意の単項演算子です.
増減演算子の順序と結果は、演算子が被演算子のどちら側にあるかによって異なります.
比較演算子
比較演算子は、被演算子間の相対的な大きさを判断することによって真(true)と偽(false)を返す.
比較演算子は、2つの被演算子を持つ2つの演算子で、結合方向は左から右です.
論理演算子
論理演算子は、与えられた論理式を判断し、真(true)と偽(false)を返します.
&&演算子と|演算子は、2つの被演算子を有する2つの演算子であり、それらの組合せ方向は左から右である.
! 演算子は唯一の被演算子の単項演算子であり、被演算子の組合せ方向は右から左である.
Reference
この問題について(JavaScript), 我々は、より多くの情報をここで見つけました
https://velog.io/@dbk03053/JavaScript
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
console.log('hello'.toUpperCase()) // 출력 : 'HELLO'
console.log('Hello'.toLowerCase()) // 출력 : 'hello'
console.log("hello World".indexOf('O')) // 출력 : -1
console.log("hello World".indexOf('o')) // 출력 : 4
console.log("hello World".indexOf('World')) // 출력 : 6
var foo = 42; // foo 는 이제 Number
var foo = "bar"; // foo 는 이제 String
var foo = true; // foo 는 이제 Boolean
// var : 변수 재선언 가능
var variable = '변수선언함';
console.log(variable); //변수선언함
var variable = '또 변수선언함';
console.log(variable); //또 변수선언함
-------------------------------------
// let : 변수 재선언 불가능, 변수 재할당 가능
let variable = '변수선언함';
console.log(variable); // 변수선언함
variable = '변수 재할당함';
console.log(variable); //변수 재할당함
let variable = '또 변수선언함';
console.log(variable); //또 변수선언함
-------------------------------------
// const : 변수 재선언 불가능, 변수 재할당 불가능
const variable = '변수선언함';
console.log(variable); //변수선언함
variable = '변수 재할당함';
console.log(variable); //변수 재할당함(에러)
const variable = '또 변수선언함';
console.log(variable); //또 변수선언함(에러)
Reference
この問題について(JavaScript), 我々は、より多くの情報をここで見つけました https://velog.io/@dbk03053/JavaScriptテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol