JavaScript基础总结

简介: JavaScript基础总结

什么是JavaScript


JavaScript是一种脚本语言,用于为网页添加交互性和动态功能。它可以被嵌入到HTML中,并通过浏览器执行。

变量声明与赋值

在JavaScript中,使用varletconst关键字声明变量,并使用等号=进行赋值。

// 使用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来创建动态和交互性的网页。

目录
相关文章
|
1月前
|
Web App开发 JavaScript 前端开发
JavaScript基础
JavaScript基础
11 0
|
6月前
|
JavaScript 前端开发
JavaScript 基础
JavaScript 基础
|
JavaScript 前端开发
3 JavaScript基础使用
读前思考! 在使用之前要先明白2个问题: 在哪里写(用)JavaScript代码? 如何写JavaScript代码?
92 0
|
JavaScript 前端开发 Java
JavaScript的基础使用
JavaScript的基础 一、javascript简介 JavaScript简称js,最初由网景(现在的Mozilla)公司创建,由于商标冲突原因,其标准版本命名为ECMAScript,但是一般人们还是叫JavaScript,只在谈标准的时候说到ECMAScript这个名字。值得注意的是JavaScript与java没有任何关系,就像雷峰塔(神话中镇压白娘子的塔)和雷锋。此外js(JavaScript)和jsp(java servlet pages)也没有关系。   js的工作分为两部分,一部分属于js语言本身的特性,而另一部需要依靠宿主环境(web浏览器)才能完成。 二、javascri
JavaScript的基础使用
|
存储 JavaScript 前端开发
JavaScript基础(中)
JavaScript基础(中)
147 0
JavaScript基础(中)
|
存储 JavaScript 前端开发
JavaScript基础(上)
JavaScript基础(上)
138 0
JavaScript基础(上)
|
JavaScript 前端开发
JavaScript基础之for
JavaScript基础之for
97 0
|
JavaScript 前端开发
JavaScript基础总结
JavaScript基础总结
108 0
|
前端开发 JavaScript
155个JavaScript基础问题(116-125)
155个JavaScript基础问题(116-125)
142 0
155个JavaScript基础问题(116-125)
|
前端开发 JavaScript
155个JavaScript基础问题(41-45)
155个JavaScript基础问题(41-45)
152 0
155个JavaScript基础问题(41-45)