作为一种广泛使用的脚本语言，JavaScript（简称JS）在现代Web开发中扮演着重要的角色。了解JavaScript语法和数据类型是成为一个优秀的开发者的首要任务。本篇博客将深入探讨JavaScript基础语法、注释、声明、变量作用域、变量提升、数据结构和类型以及字面量的相关知识点。
一、基础语法和注释
JavaScript的语法类似于Java和C++，但也有一些独特的特点。它是一种面向对象的语言，通过使用函数和对象来组织代码。以下是一些基础语法和注释的示例：
- 变量声明： 在JavaScript中，可以使用关键字var、let或const来声明变量。
var name = 'John'; // 使用var声明变量
let age = 25; // 使用let声明变量
const PI = 3.14; // 使用const声明常量（不可修改）- 注释： JavaScript支持单行注释和多行注释。
// 这是单行注释
/*
这是
多行注释
*/二、变量作用域和变量提升
- 变量作用域： JavaScript中的变量作用域分为全局作用域和局部作用域。全局作用域中声明的变量可以在代码的任何地方访问，而局部作用域中声明的变量只能在其所在的函数内部访问。
var globalVar = 'Global'; // 全局作用域
function myFunction() {
var localVar = 'Local'; // 局部作用域
console.log(globalVar); // 可以访问全局变量
console.log(localVar); // 可以访问局部变量
}
myFunction();- 变量提升： JavaScript中的变量声明会被提升到其所在作用域的顶部。这意味着可以在变量声明之前使用变量。
console.log(myVar); // 输出undefined
var myVar = 'Hello';三、数据结构和类型
JavaScript具有动态类型，变量可以在运行时保存不同类型的值。以下是JavaScript的常见数据类型：
- 字符串（String）：用于保存文本数据。
var name = 'John';- 数字（Number）：用于保存数值。
var age = 25;- 布尔值（Boolean）：表示真或假。
var isTrue = true;- 数组（Array）：用于保存多个值。
var fruits = ['apple', 'banana', 'orange'];- 对象（Object）：用于保存键值对。
var person = {name: 'John', age: 25};- 空（Null）和未定义（Undefined）：表示变量为空或未定义。
var emptyVar = null;
var undefinedVar;四、字面量 在JavaScript中，字面量是直接使用的常量值，而不是变量或表达式。以下是几种常见的字面量示例：
- 字符串字面量：
var name = 'John';- 数字字面量：
var age = 25;- 数组字面量：
var fruits = ['apple', 'banana', 'orange'];- 对象字面量：
var person = {name: 'John', age: 25};参考资料：
- MDN web docs: JavaScript Guide (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide)
- w3schools: JavaScript Tutorial (https://www.w3schools.com/js/)