JavaScript介绍|极客笔记

JavaScript介绍

什么是JavaScript

JavaScript是一种脚本语言，最初是为了在网页上添加交互功能而开发的。与HTML和CSS不同，JavaScript是一种可以为网页添加动态效果和交互功能的编程语言。实际上，现在JavaScript已经发展成为一种通用的编程语言，在各种Web应用和移动应用中都得到广泛应用。

JavaScript不同于Java，虽然名字类似，但两者是完全不同的语言。JavaScript的语法结构更接近于C语言和C++，学习起来相对容易。JavaScript是一种解释性语言，即在执行时由浏览器解释并执行，不需要编译。

JavaScript的用途

JavaScript在Web开发中有着举足轻重的地位，它可以用来实现以下功能：

网页交互性: JavaScript可以让网页变得更加动态和交互性，比如验证表单、创建弹窗、动态改变内容等。
数据交互: JavaScript可以通过AJAX技术与服务器进行数据交互，实现无需刷新页面的数据更新。
动画效果: JavaScript可以用来创建各种动画效果，使网页更加生动。
浏览器控制: JavaScript可以控制浏览器的行为，比如改变URL、获取浏览器信息等。
游戏开发: 通过JavaScript，可以开发简单的网页游戏。

JavaScript不仅仅局限于Web开发，还可以用于移动应用开发、桌面应用开发以及服务器端开发。例如，Node.js是基于JavaScript的服务器端运行环境，可以用来开发高性能的网络应用。

JavaScript的基本语法

变量与数据类型

在JavaScript中，可以使用var、let或const关键字来声明变量，例如：

var num = 10;
let str = "Hello, World!";
const PI = 3.14159;

JavaScript中的数据类型包括：Number（数字）、String（字符串）、Boolean（布尔值）、Array（数组）、Object（对象）、Function（函数）等。

运算符

JavaScript中常用的运算符有：算术运算符（+、-、*、/）、比较运算符（==、!=、>、<）、逻辑运算符（&&、||、!）等。

条件语句

JavaScript中的条件语句有if语句、switch语句等，用来根据条件执行不同的代码块。

let num = 10;

if (num > 0) {
    console.log("Number is positive");
} else if (num < 0) {
    console.log("Number is negative");
} else {
    console.log("Number is zero");
}

循环语句

JavaScript中的循环语句有for循环、while循环、do...while循环等，用来重复执行一段代码块。

for (let i = 0; i < 5; i++) {
    console.log(i);
}

函数

函数是JavaScript中的一等公民，可以像变量一样进行传递和赋值。函数可以使用function关键字定义，也可以使用箭头函数（=>）定义。

function add(a, b) {
    return a + b;
}

let multiply = (a, b) => {
    return a * b;
}

对象与数组

JavaScript中的对象是一种键值对的集合，可以用来表示复杂的数据结构。数组是一种特殊的对象，用来存储有序的数据集合。

let person = {
    name: "Alice",
    age: 30,
    hobbies: ["reading", "traveling"]
};

let fruits = ["apple", "banana", "orange"];

DOM操作

JavaScript可以通过DOM（Document Object Model）来操作网页的结构和内容。可以通过JavaScript修改元素的样式、内容、属性等。

<!DOCTYPE html>
<html>
<head>
    <title>DOM Example</title>
</head>
<body>
    <div id="myDiv">Hello, World!</div>
    <script>
        let div = document.getElementById("myDiv");
        div.innerHTML = "Goodbye, World!";
    </script>
</body>
</html>