JavaScript 是一种轻量级的、解释型的、面向对象的脚本语言,主要用于Web开发,由Brendan Eich在1995年为Netscape Navigator浏览器开发。JavaScript现在已经被ECMAScript(ES)规范标准化,并广泛应用于浏览器客户端和服务器端(如Node.js)开发。
以下是JavaScript的基本语法元素和概念:
1. 编写JavaScript代码的位置
在HTML文档中,JavaScript代码通常放在<script>
标签内:
<script type="text/javascript">
// 在这里写JavaScript代码
</script>
现代HTML5中可以省略type="text/javascript"
,因为这是默认值。
2. 输出信息
使用console.log()
方法打印信息到浏览器的开发者控制台:
console.log("Hello, World!");
3. 变量声明
- ES5及以前版本:
var myVariable = "Some value"; // 声明并初始化一个变量
- ES6引入了新的变量声明方式:
let anotherVar = 123; // 声明一个块级作用域的变量 const PI = 3.14159; // 声明一个不可更改(常量)的变量
4. 数据类型
JavaScript是弱类型语言,变量无需显式声明类型,根据赋值自动推断类型,主要有以下几种:
- 数字 (
number
) - 字符串 (
string
) - 布尔 (
boolean
) null
undefined
- 对象 (
object
) - 数组 (
array
) - 函数 (
function
) - Symbol (ES6新增)
let num = 42; // number
let str = "Hello"; // string
let bool = true; // boolean
let obj = { name: "Alice" }; // object
let arr = [1, 2, 3]; // array
let func = function() {}; // function
5. 条件语句
if (condition) {
// 当条件为真时执行
} else if (anotherCondition) {
// 第二个条件为真时执行
} else {
// 所有条件都不满足时执行
}
6. 循环语句
for
循环:
for (let i = 0; i < 10; i++) {
console.log(i);
}
while
循环:
let count = 0;
while (count < 5) {
console.log(count);
count++;
}
for...of
循环(ES6新增):
let fruits = ["apple", "banana", "cherry"];
for (let fruit of fruits) {
console.log(fruit);
}
7. 函数定义
function greet(name) {
console.log(`Hello, ${name}!`);
}
greet("World"); // 输出 "Hello, World!"
ES6还引入了箭头函数语法:
const greetArrow = (name) => console.log(`Hello, ${name}!`);
greetArrow("World");