JavaScript基础语法与数据类型介绍

JavaScript 是一种用于网页编程的脚本语言，该语言核心由 ECMA-262 来定义。本文旨在为初学者提供 JavaScript 基础语法和数据类型的详细介绍。

基本语法

注释

注释是 JavaScript 代码中的重要组成部分，用于说明代码的作用和用法。使用 // 或 /* ... */ 来注释单行或多行代码。

// 这是一行注释

/*
这是多行注释，
可以跨越多行
*/

声明变量

JavaScript 中的变量可以用 var, let, const 来进行声明。

• var 是 ES5 中定义的变量声明关键字，可以在函数内或全局作用域中声明变量。
• let 和 const 是 ES6 中定义的变量声明关键字，作用范围与 var 有些不同。let 声明的变量只在代码块 { ... } 内有效，而 const 声明的变量是常量（值不能改变），并且仅在代码块内有效。

var a = 1;
let b = 2;
const c = 3;

数据类型

JavaScript 支持多种类型的数据，包括：数字、字符串、布尔值、数组、对象、null 和 undefined。下面将逐一进行介绍。

数字

数字类型包括整数和浮点数。可以使用 +, -, *, / 和 % 等算术运算符进行计算。同时，可以使用 ++ 和 -- 自增或自减一个变量。

let x = 5;
let y = 2.5;

let sum = x + y; // 7.5
let product = x * y; // 12.5
let remainder = x % 2; // 1

x++; // 等价于 x = x + 1

字符串

字符串类型可以用单引号 '...' 或双引号 "..." 来定义。字符串可以进行拼接、提取部分内容等操作。

let str1 = 'hello';
let str2 = "world";

let text = str1 + ' ' + str2; // 'hello world'
let char = str1[0]; // 'h'

布尔值

布尔值类型包括 true 和 false 两种。通常用于控制流程，如 if 语句和循环语句中。

let x = 5;
let y = 3;

if (x > y) {
  console.log('x 大于 y');
} else {
  console.log('y 大于 x');
}

数组

数组是一种可以保存多个值的容器。可以使用数组下标（从 0 开始）来访问数组中的每个元素。

let arr = [1, 2, 3];

let first = arr[0]; // 1
let len = arr.length; // 3

arr.push(4); // 在数组末尾添加一个元素

对象

对象是 JavaScript 中重要的一种数据类型，用于保存键值对。可以使用点号 . 或方括号 [] 来访问对象中的属性。

let person = {
  name: 'Tom',
  age: 18
};

let name = person.name; // 'Tom'

person.email = '[e-mail]'; // 新增一个属性

null 和 undefined

null 和 undefined 的值分别表示“没有值”和“未定义的值”。

let x = null; // 没有值
let y; // 未定义的值

console.log(typeof x); // 'object'
console.log(typeof y); // 'undefined'

示例说明

下面是一个使用 JavaScript 判断素数的示例。

function isPrime(num) {
  if (num < 2) {
    return false;
  }
  for (let i = 2; i < num; i++) {
    if (num % i === 0) {
      return false;
    }
  }
  return true;
}

console.log(isPrime(7)); // true
console.log(isPrime(12)); // false

上述代码定义了一个名为 isPrime 的函数，可以用来判断一个数是否为素数。该函数使用了 for 循环和取模运算符来进行计算。

另一个示例是使用 JavaScript 实现一个简单的计算器。

<input id="num1" type="number">
<input id="num2" type="number">

<button onclick="calculate()">计算</button>

<p id="result"></p>

<script>
function calculate() {
  let num1 = Number(document.getElementById('num1').value);
  let num2 = Number(document.getElementById('num2').value);
  let result = num1 + num2;
  document.getElementById('result').textContent = result;
}
</script>

上述代码定义了一个计算器的 HTML 页面，包含两个输入框和一个按钮。点击按钮时，会执行名为 calculate 的 JavaScript 函数，计算两个数之和，并将结果输出到页面上。这里使用了文本内容的修改和 DOM 操作。