当先锋百科网

首页 1 2 3 4 5 6 7

JavaScript(简称JS)是一种高级的动态编程语言,广泛用于Web页面,它可以与HTML和CSS一起使用,用于实现动态效果、表单验证、用户交互、动画效果和响应式设计等多种功能,可以说是Web开发中不可或缺的一部分。而要掌握JavaScript,必须先要掌握其基础知识。

JavaScript的基础包括各种数据类型、变量、操作符、控制结构、函数、对象等。下面我们一一来介绍。

数据类型

JavaScript有六种数据类型,分别为:undefined、null、布尔值(Boolean)、数字(Number)、字符串(String)、对象(Object)。

// 示例代码
var a; // 变量声明但未赋值,默认值为undefined
var b = null; // 变量赋值为null
var c = true; // 布尔值
var d = 123; // 数字
var e = "Hello World"; // 字符串
var f = {name: "Tom", age: 18}; // 对象

变量

变量是用于保存一段数据的,变量名可以起任何合法的名称,不过最好是有意义的名词,可以用驼峰命名法或下划线命名法。

// 示例代码
var myName = "John";
var myAge = 25;
var $price = 9.99; // 变量名可以以美元符号开头
var _location = "China"; // 变量名可以以下划线开头

操作符

JavaScript提供了多种操作符用于对数据进行运算,包括算术运算符、赋值运算符、比较运算符、逻辑运算符等。

// 示例代码
var a = 5 + 3; // 加法运算符
var b = 5 - 3; // 减法运算符
var c = 5 * 3; // 乘法运算符
var d = 5 / 3; // 除法运算符
var e = 5 % 3; // 取余运算符
var f = "Hello" + "World"; // 字符串拼接
var g = true && false; // 逻辑与运算符
var h = true || false; // 逻辑或运算符
var i = !true; // 逻辑非运算符

控制结构

JavaScript提供了多种控制结构用于控制程序的流程,包括条件语句(if语句、switch语句)、循环语句(for语句、while语句)、跳转语句(break语句、continue语句、return语句)等。

// 示例代码
if (a >b) {
console.log("a >b");
} else if (a< b) {
console.log("a< b");
} else {
console.log("a == b");
}
for (var i = 0; i< 5; i++) {
console.log(i);
}
var i = 0;
while (i< 5) {
console.log(i);
i++;
}
switch (a) {
case 1:
console.log("a = 1");
break;
case 2:
console.log("a = 2");
break;
default:
console.log("a != 1 && a != 2");
}
function add(a, b) {
return a + b;
}
var result = add(3, 5);
console.log(result);

对象

JavaScript的对象是一种复合数据类型,可以保存多个属性和方法,属性可以是任何数据类型,方法则是函数。

// 示例代码
var book = {
title: "JavaScript基础",
author: "John",
price: 9.99,
getInfo: function() {
console.log(this.title + " - " + this.author + " - " + this.price);
}
};
console.log(book.title);
book.getInfo();

以上就是JavaScript的基础知识了,掌握了这些,我们就可以开始编写一些简单的JavaScript程序了。