JS入门：客户端转向前端编程之路

2024-02-22 04:51:41

在计算机的世界里，一切都是由数据组成，而JavaScript是一种可以让您轻松操作这些数据的语言。您可以使用它来创建变量，存储数据，进行计算，甚至控制网页的运行。JavaScript的基本语法与其他编程语言非常相似，因此如果您以前学过编程，学习JavaScript将变得更加容易。

在JavaScript中，一切皆对象。这意味着您可以将数据存储在对象中，并且每个对象都拥有属性和方法。属性是对象的特征，例如一个人的姓名、年龄和性别。方法是对象的动作，例如一个人的说话、走路和吃饭。

创建对象有两种方法：

使用new Object()：这种方法非常简单，但它创建的对象比较单调，没有属性和方法。
使用字面量创建对象：这种方法可以创建更复杂的对象，包括属性和方法。

// 使用new Object()创建对象
const person = new Object();
person.name = "John";
person.age = 30;
person.gender = "male";

// 使用字面量创建对象
const person = {
  name: "John",
  age: 30,
  gender: "male"
};

JavaScript提供了丰富的数据类型，包括字符串、数字、布尔值、数组和对象。您可以使用这些数据类型来存储各种各样的数据，从简单的文本到复杂的结构。

// 字符串
const name = "John";

// 数字
const age = 30;

// 布尔值
const isMale = true;

// 数组
const skills = ["JavaScript", "HTML", "CSS"];

// 对象
const person = {
  name: "John",
  age: 30,
  gender: "male"
};

JavaScript还提供了许多操作符，让您可以对数据进行各种各样的操作，包括加减乘除、比较、赋值和逻辑运算。

// 加减乘除
const sum = 10 + 20;
const difference = 20 - 10;
const product = 10 * 20;
const quotient = 20 / 10;

// 比较
const isEqualTo = 10 === 10;
const isNotEqualTo = 10 !== 10;
const isGreaterThan = 10 > 10;
const isLessThan = 10 < 10;

// 赋值
let number = 10;
number += 10; // number now equals 20

// 逻辑运算
const isTrue = true;
const isFalse = false;
const isAnd = true && true; // true
const isOr = true || false; // true
const isNot = !true; // false