inute の JavaScript

導入

JavaScript は、動的でインタラクティブなユーザー エクスペリエンスを作成するために Web 開発で一般的に使用される多用途の高レベル プログラミング言語です。フロントエンドとバックエンドの開発に使用できるため、現代の Web 開発者にとって不可欠なツールとなっています。

セットアップ

1. ブラウザ コンソール: Web ブラウザを開いて、コンソール (通常は開発者ツールにあります) にアクセスします。
2. テキスト エディター: VSCode、Sublime Text、またはメモ帳などのテキスト エディターを使用します。

基本

変数

変数はデータを保存するために使用されます。 let、const、または var を使用して変数を宣言できます。

let name = "John";
const age = 30;
var isStudent = true;

データ型

JavaScript は次のようなさまざまなデータ型をサポートします。

• 文字列: 「こんにちは」
• 番号: 42
• ブール値: true または false
• 配列: [1, 2, 3]
• オブジェクト: { キー: "値" }
• 未定義:未定義
• ヌル:ヌル

機能

関数は、特定のタスクを実行するように設計されたコードのブロックです。

function greet() {
  console.log("Hello, World!");
}

greet(); // Output: Hello, World!

制御構造

条件文

さまざまな条件に基づいてさまざまなアクションを実行するために使用されます。

let time = 20;
if (time < 12) {
  console.log("Good morning");
} else if (time < 18) {
  console.log("Good afternoon");
} else {
  console.log("Good evening");
}

ループ

コードのブロックを何度も繰り返すために使用されます。

for (let i = 0; i < 5; i++) {
  console.log(i); // Output: 0 1 2 3 4
}

イベント

JavaScript は、クリックやキーボード入力などのイベントに応答できます。

<button onclick="sayHello()">Click me</button>
<script>
  function sayHello() {
    alert("Hello!");
  }
</script>

DOM の操作

JavaScript は HTML 要素と対話して、コンテンツ、スタイル、属性を変更できます。

<p id="demo">This is a paragraph.</p>
<button onclick="changeText()">Change Text</button>
<script>
  function changeText() {
    document.getElementById("demo").innerHTML = "Text changed!";
  }
</script>

配列とオブジェクト

配列とオブジェクトは、データのコレクションを保存するために使用されます。

配列

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[0]); // Output: Apple

オブジェクト

let person = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};
console.log(person.firstName); // Output: John

ES6の機能

最新の JavaScript (ES6 以降) には、いくつかの新機能が導入されています。

アロー関数

const add = (a, b) => a + b;
console.log(add(2, 3)); // Output: 5

テンプレートリテラル

let name = "John";
console.log(`Hello, ${name}!`); // Output: Hello, John!

解体中

let person = { firstName: "John", lastName: "Doe" };
let { firstName, lastName } = person;
console.log(firstName); // Output: John

結論

これは JavaScript の簡単な紹介です。非同期プログラミングや API などの高度なトピックを含め、探索すべきことはまだたくさんあります ......

このようなブログ投稿をさらに共有できることを楽しみにしています。フォローしてリアクションするだけです

以上がinute の JavaScriptの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。