什么是JavaScript
JavaScript是一种脚本语言,用于为网页添加交互性和动态功能。它可以被嵌入到HTML中,并通过浏览器执行。
变量声明与赋值
在JavaScript中,使用var
、let
或const
关键字声明变量,并使用等号=
进行赋值。
// 使用var声明变量 var age = 25; // 使用let声明变量(块级作用域) let name = "John"; // 使用const声明常量(不可修改) const PI = 3.14;
数据类型
JavaScript有多种数据类型,包括数字(Number)、字符串(String)、布尔值(Boolean)、对象(Object)、数组(Array)、空(Null)和未定义(Undefined)。
var count = 10; // 数字类型 var message = "Hello"; // 字符串类型 var isActive = true; // 布尔类型 var person = {name: "John", age: 25}; // 对象类型 var fruits = ["apple", "banana", "orange"]; // 数组类型 var emptyValue = null; // 空类型 var undefinedValue = undefined; // 未定义类型
运算符
JavaScript支持各种运算符,包括算术运算符、比较运算符、逻辑运算符等。
var x = 5; var y = 10; var sum = x + y; // 加法运算 var difference = x - y; // 减法运算 var product = x * y; // 乘法运算 var quotient = x / y; // 除法运算 var remainder = x % y; // 取余运算 var isEqual = x == y; // 相等性比较 var isGreater = x > y; // 大小比较 var isTrue = true; var isFalse = false; var andResult = isTrue && isFalse; // 逻辑与 var orResult = isTrue || isFalse; // 逻辑或 var notResult = !isTrue; // 逻辑非
条件语句
使用条件语句可以根据条件执行不同的代码块。
var age = 18; if (age >= 18) { console.log("成年人"); } else if (age >= 13) { console.log("青少年"); } else { console.log("儿童"); }
循环语句
循环语句用于重复执行一段代码。
// for循环 for (var i = 0; i < 5; i++) { console.log(i); } // while循环 var count = 0; while (count < 5) { console.log(count); count++; } // do-while循环 var count = 0; do { console.log(count); count++; } while (count < 5);
函数
函数是一段可重复使用的代码块,用于执行特定的任务。
function sayHello(name) { console.log("Hello, " + name); } sayHello("John"); // 调用函数并传递参数
事件处理
JavaScript可以响应用户的交互事件,例如点击按钮、鼠标移动等
var button = document.querySelector("#myButton"); button.addEventListener("click", function() { console.log("按钮被点击了"); });
总结
这篇文章简要概述了JavaScript的基础知识和语法。通过学习这些内容,可以更好地理解和使用JavaScript来创建动态和交互性的网页。