JavaScript基础语法:包括变量声明、数据类型(Number, String, Boolean, Null, Undefined, Symbol, Object)、运算符、流程控制语句(if...else, switch, for, while, do...while)等。

简介: JavaScript基础语法:包括变量声明、数据类型(Number, String, Boolean, Null, Undefined, Symbol, Object)、运算符、流程控制语句(if...else, switch, for, while, do...while)等。

JavaScript基础语法涵盖了多个重要概念,以下是一些简要的介绍:

变量声明

在JavaScript中,有多种方式可以声明变量。以下是常见的几种方法:

  • var:这是最早的变量声明方式,它允许在同一作用域内多次声明同一变量。
var x = 10;
  • let:ES6引入的新关键字,用于声明块级作用域的变量。与var不同,同一个let变量在同一作用域内不能被重新声明。
let y = 20;
  • const:也由ES6引入,用于声明常量。一旦使用const声明了变量,就不能再改变其值或重新声明。
const PI = 3.14;

数据类型

JavaScript有七种基本数据类型:

  • Number:表示数字,包括整数和浮点数。
let num = 42; // 整数
let floatNum = 3.14; // 浮点数
  • String:表示文本字符串。
let str = "Hello, world!";
  • Boolean:表示布尔值(真/假)。
let isTrue = true;
let isFalse = false;
  • Null:表示一个空对象指针。
let nullValue = null;
  • Undefined:表示未定义的值。
let undefinedValue; // 值为undefined
  • Symbol:表示唯一的、不可变的数据类型。
let symbol = Symbol("mySymbol");
  • Object:表示任意类型的复杂数据结构,它可以包含其他数据类型作为属性。
let obj = {
    name: "John", age: 30 };

运算符

JavaScript提供了多种运算符来处理变量和表达式。以下是一些常见的运算符:

  • 算术运算符:如+、-、*、/、%等。
let sum = 5 + 3; // 结果是8
  • 比较运算符:如>、<、>=、<=、==、!=、===、!==等。
let isGreater = 10 > 5; // 结果是true
  • 逻辑运算符:如&&、||、!等。
let andResult = (x > 0) && (y < 10); // 结果根据x和y的值而定
  • 赋值运算符:如=, +=, -=等。
let count = 0;
count += 1; // 相当于 count = count + 1

流程控制语句

流程控制语句用来改变程序执行的顺序。以下是常用的流程控制语句:

  • if...else:条件判断语句。
let age = 25;
if (age >= 18) {
   
  console.log("You are an adult.");
} else {
   
  console.log("You are not an adult.");
}
  • switch:多分支选择语句。
let day = "Monday";
switch (day) {
   
  case "Monday":
    console.log("Today is Monday.");
    break;
  case "Tuesday":
    console.log("Today is Tuesday.");
    break;
  default:
    console.log("Today is some other day.");
    break;
}
  • 循环:如for, while, do...while等。
// for 循环
for (let i = 0; i < 5; i++) {
   
  console.log(i);
}

// while 循环
let j = 0;
while (j < 5) {
   
  console.log(j);
  j++;
}

// do...while 循环
let k = 0;
do {
   
  console.log(k);
  k++;
} while (k < 5);

以上就是JavaScript基础语法的一些核心内容。学习这些基础知识有助于更好地理解和编写JavaScript代码。

相关文章
|
JavaScript 前端开发 开发者
JavaScript中的箭头函数:简洁的语法与this绑定
JavaScript中的箭头函数:简洁的语法与this绑定
626 184
|
JSON 前端开发 Serverless
Mock.js 语法结构全解析
Mock.js 的语法规范介绍,从数据模板定义规范和数据占位符定义规范俩部分介绍, 让你更好的使用 Mock.js 来模拟数据并提高开发效率。
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
437 0
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
589 2
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
438 1
JavaScript中的原型 保姆级文章一文搞懂
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
349 0
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
712 5
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
550 4

热门文章

最新文章