JavaScript语法关键点:变量用`var`、`let`、`const`声明

简介: 【6月更文挑战第22天】JavaScript语法关键点:变量用`var`、`let`、`const`声明;七种数据类型包括`Number`、`String`、`Boolean`、`Null`、`Undefined`、`Symbol`和`Object`;运算符如算术、比较、逻辑和赋值;流程控制有`if...else`、`switch`和各种循环。了解这些是JS编程的基础。

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代码。

相关文章
|
2天前
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
|
10天前
|
前端开发 JavaScript
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
22 0
|
11天前
|
存储 JavaScript 前端开发
js【详解】数据类型原理(含变量赋值详解-浅拷贝)
js【详解】数据类型原理(含变量赋值详解-浅拷贝)
11 0
|
11天前
|
JavaScript
JS字符串数据类型转换,字符串如何转成变量,+号只要有一个是字符串,就会把另外一个转成字符串,- * / 都会把数据转成数字类型,数字型控制台是蓝色,字符型控制台是黑色,
JS字符串数据类型转换,字符串如何转成变量,+号只要有一个是字符串,就会把另外一个转成字符串,- * / 都会把数据转成数字类型,数字型控制台是蓝色,字符型控制台是黑色,
|
11天前
|
JavaScript
Js,定义数组的方法,let 数组名 = [数据1,数据2,........,数据n],取值方法,数组名[x],arr[0],let sum sum = sum + arr[0],求和的写法,平均值
Js,定义数组的方法,let 数组名 = [数据1,数据2,........,数据n],取值方法,数组名[x],arr[0],let sum sum = sum + arr[0],求和的写法,平均值
|
12天前
|
JavaScript 前端开发
|
7天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
19 2
|
7天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
14 4
|
7天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
17 4
|
7天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
23 4