JavaScript核心语法及数据类型详解

JavaScript是一种广泛应用于Web开发的脚本语言，它具有丰富的核心语法和数据类型。本文将重点回顾JavaScript的核心语法和数据类型。

JavaScript的核心语法

变量声明和赋值

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

var是ES5中的变量声明方式，它的作用域是函数级的。

let和const是ES6中新增的声明方式，它们的作用域是块级的。let声明的变量可以重新赋值，而const声明的变量是常量，不可重新赋值。

var a = 10;
let b = 20;
const c = 30;

数据类型

JavaScript有多种数据类型，包括基本数据类型和引用数据类型。

基本数据类型

JavaScript的基本数据类型包括：number、string、boolean、null、undefined。

其中，number表示数字，可以是整数或浮点数。

string表示字符串，用单引号或双引号括起来。

boolean表示布尔值，只有true和false两个值。

null表示空值，表示一个空对象指针。

undefined表示未定义，表示一个未赋值的变量。

引用数据类型

JavaScript的引用数据类型包括：object、array、function。

object表示对象，用花括号{}来定义，可以包含多个键值对。

var person = {
  name: '张三',
  age: 20
};

array表示数组，用方括号[]来定义，可以存储多个值。

var fruits = ['apple', 'banana', 'orange'];

function表示函数，可以定义函数并调用。

function sayHello() {
  console.log('Hello!');
}

sayHello();

条件语句和循环语句

JavaScript中常用的条件语句包括if语句和switch语句。

if语句用于判断条件是否为真，根据条件执行相应的代码块。

var age = 18;

if (age >= 18) {
  console.log('成年人');
} else {
  console.log('未成年人');
}

switch语句用于多个选项之间的选择。

var color = 'red';

switch (color) {
  case 'red':
    console.log('红色');
    break;
  case 'blue':
    console.log('蓝色');
    break;
  default:
    console.log('其他颜色');
}

JavaScript中常用的循环语句有for循环和while循环。

for循环用于指定循环次数。

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

while循环用于在给定条件为真的情况下重复执行代码块。

var i = 0;

while (i < 5) {
  console.log(i);
  i++;
}

JavaScript的数据类型详解

number类型

JavaScript的number类型可以表示整数和浮点数。

var a = 10; // 整数
var b = 3.14; // 浮点数

JavaScript的number类型还有一些特殊值，如Infinity表示正无穷大，-Infinity表示负无穷大，NaN表示非数字。

var c = Infinity;
var d = -Infinity;
var e = NaN;

string类型

JavaScript的string类型用于表示字符串。

var a = 'Hello, world!';
var b = "JavaScript";

字符串可以通过+运算符进行拼接。

var c = 'Hello, ' + 'JavaScript!';

string类型还有一些常用的方法，如length返回字符串的长度。

var str = 'Hello, world!';
console.log(str.length); // 13

boolean类型

JavaScript的boolean类型表示布尔值，只有true和false两个值。

var a = true;
var b = false;

boolean类型常用于条件判断。

var age = 18;

if (age >= 18) {
  console.log('成年人');
} else {
  console.log('未成年人');
}

null和undefined类型

JavaScript的null类型表示空值，表示一个空对象指针。

var a = null;

JavaScript的undefined类型表示未定义，表示一个未赋值的变量。

var b;
console.log(b); // undefined

object类型

JavaScript的object类型用于表示对象，对象是一种复合值，它可以包含多个键值对。

var person = {
  name: '张三',
  age: 20
};

对象的属性可以通过.运算符或[]运算符来访问。

console.log(person.name); // 张三
console.log(person['age']); // 20

array类型

JavaScript的array类型用于表示数组，数组是一种有序的列表。

var fruits = ['apple', 'banana', 'orange'];

数组的元素可以通过索引来访问，索引从0开始。

console.log(fruits[0]); // apple
console.log(fruits[1]); // banana

数组有一些常用的方法，如push用于在数组末尾添加一个元素。

fruits.push('grape');
console.log(fruits); // ['apple', 'banana', 'orange', 'grape']

function类型

JavaScript的function类型用于定义函数。

function sayHello() {
  console.log('Hello!');
}

函数可以接受参数，并返回结果。

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

var result = add(1, 2);
console.log(result); // 3