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程序了。