Javascript 是一种广泛使用的编程语言,主要用于前端网页开发。本文将从常见功能方面进行汇总,并提供示例代码和相关学习指导。
数据类型
Javascript 中基本数据类型有 number, string, boolean, null, undefined。还存在一些特殊的数据类型,如对象(object)、数组(array)等。
let num = 1; // 数值 let str = 'hello'; // 字符串 let bool = true; // 布尔值 let n = null; // 空值 let u = undefined; // 未定义 let arr = [1, 2, 3]; // 数组 let obj = { name: 'Tom', age: 18 }; // 对象
控制语句
Javascript 中常见的控制语句有 if、for、while 和 switch。
if 语句
if 语句用于条件判断,当条件为真时执行相应的代码块。
let x = 10; if (x > 0) { console.log('x is positive'); }
for 循环
for 循环用于重复执行某个代码块,通常用于遍历数组或对象。
let arr = [1, 2, 3]; for (let i = 0; i < arr.length; i++) { console.log(arr[i]); }
while 循环
while 循环也用于重复执行某个代码块,但是它需要手动控制循环条件。
let i = 0; while (i < arr.length) { console.log(arr[i]); i++; }
switch 语句
switch 语句用于根据不同的条件执行不同的代码块。
-- -------------------- ---- ------- --- ----- - -------- ------ ------- - ---- --------- ---------------------- ------ ---- -------- ------------------- ------ -------- ----------------------- -
函数
函数是 Javascript 中一个非常重要的概念,可以封装代码并且提高代码的复用性。
function add(a, b) { return a + b; } let sum = add(1, 2); console.log(sum); // 3
对象和数组
Javascript 中的对象和数组可以存储任意类型的数据,非常灵活。
对象
对象通常用于表示某个实体,例如一个人、一本书等。
let person = { name: 'Tom', age: 18, gender: 'male' }; console.log(person.name); // Tom
数组
数组通常用于存储一组数据。
let arr = [1, 2, 3]; console.log(arr[0]); // 1
DOM 操作
DOM 是 Document Object Model 的缩写,表示文档对象模型。通过 Javascript 可以操作 DOM,使网页内容动态改变。
-- -------------------- ---- ------- --------- ----- ------ ------ ---------- --------------- ------- ------ ---- ---------------- ----------- -------- --- --- - --------------------------------- ------------- - ------ ------------ --------- ------- -------
Ajax 请求
Ajax 是 Asynchronous JavaScript And XML 的缩写,是一种在不重新加载整个页面的情况下,通过后台加载数据并更新网页内容的技术。
-- -------------------- ---- ------- --- --- - --- ----------------- --------------- ------------ ------ ---------------------- - ---------- - -- --------------- --- - -- ---------- --- ---- - --- ---- - ----------------- ------------------ - -- -----------
总结
本文对 Javascript 常见功能进行了汇总,并提供了示例代码和相关学习指导。希望读者可以通过本文更好地理解和掌握 Javascript 的基础知识。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/3251