目录
1. 变量声明
2. 数据类型
3. 运算符
4. 分支语句
5. 循环语句
6. 字符串
7. 数组
8. 对象
9. 原型与原型链
10. 常用内置对象
JavaScript 是一种轻量级、解释型的编程语言,广泛应用于网页开发中,用于增强网页的交互性。以下是 JavaScript 语法入门的详细介绍:
1. 变量声明
变量用于存储数据值。在 JavaScript 中,可以使用 var
、let
和 const
关键字来声明变量。
-
var
是函数作用域或全局作用域,并且可以被重新声明和赋值。 -
let
是块作用域,不允许重复声明,但可以重新赋值。 -
const
是块作用域,不允许重复声明和重新赋值。
var x = 10;
let y = 20;
const z = 30;
2. 数据类型
JavaScript 是一种动态类型语言,主要数据类型包括:
-
原始类型:
Number
、String
、Boolean
、null
、undefined
、Symbol
(ES6引入)和BigInt
(ES2020引入)。 -
复合类型:
Object
,包括数组、函数等。
let num = 42; // Number
let str = "Hello"; // String
let bool = true; // Boolean
let n = null; // null
let u = undefined; // undefined
let sym = Symbol(); // Symbol
let big = 123n; // BigInt
let arr = [1, 2, 3]; // Object (Array)
let obj = {a: 1}; // Object
3. 运算符
JavaScript 提供了丰富的运算符,包括算术运算符(+
、-
、*
、/
)、关系运算符(<
、>
、<=
、>=
)、相等运算符(==
、===
)、逻辑运算符(&&
、||
、!
)等。
let a = 10;
let b = 5;
console.log(a + b); // 15
console.log(a > b); // true
console.log(a == b); // false
console.log(a !== b); // true
4. 分支语句
分支语句用于基于条件执行不同的代码块。JavaScript 中的分支语句包括 if
、else if
、else
和 switch
。
let score = 85;
if (score >= 90) {console.log("优秀");
} else if (score >= 80) {console.log("良好");
} else if (score >= 70) {console.log("中等");
} else if (score >= 60) {console.log("及格");
} else {console.log("不及格");
}
5. 循环语句
循环语句用于重复执行一段代码。JavaScript 中的循环语句包括 for
、while
和 do...while
。
for (let i = 0; i < 5; i++) {console.log(i);
}while (true) {console.log("无限循环");// 需要某种条件来退出循环break;
}do {console.log("至少执行一次");
} while (false);
6. 字符串
字符串是表示文本的字符序列。可以使用单引号、双引号或模板字符串(反引号)定义字符串。
let singleQuoted = 'Hello';
let doubleQuoted = "World";
let templateString = `Hello ${singleQuoted}`;
7. 数组
数组是一种复合数据类型,用于存储多个值的有序集合。
let numbers = [1, 2, 3, 4, 5];
let emptyArray = [];
let multiDimensionalArray = [[1, 2], [3, 4]];
8. 对象
对象是包含键值对的复合数据类型,其中键是字符串,值可以是任何数据类型。
let person = {name: "Kimi",age: 25,greet: function() {console.log("Hello, " + this.name);}
};
9. 原型与原型链
每个对象都有一个内部属性 [[Prototype]]
,指向其原型对象。通过原型链,对象可以继承和共享属性和方法。
function Person(name) {this.name = name;
}Person.prototype.greet = function() {console.log("Hello, " + this.name);
};let person = new Person("Kimi");
person.greet(); // 输出:Hello, Kimi
10. 常用内置对象
JavaScript 提供了许多内置对象,包括:
-
JSON:用于解析和字符串化 JSON 数据。
-
Date:用于处理日期和时间。
-
Math:提供数学常量和函数。
// JSON
let jsonString = '{"name": "Kimi", "age": 25}';
let obj = JSON.parse(jsonString);
console.log(obj.name); // 输出:Kimi// Date
let now = new Date();
console.log(now.getFullYear()); // 输出当前年份// Math
console.log(Math.PI); // 输出:3.141592653589793
console.log(Math.sqrt(16)); // 输出:4
这些是 JavaScript 语法入门的基础知识,掌握这些概念对于编写 JavaScript 程序至关重要。