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

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

JavaScript 是一种广泛使用的编程语言,用于网页开发和后端服务等场景。以下是 JavaScript 的基础语法的一些关键部分的案例演示:

变量声明与赋值

// 声明变量并赋值
var myNumber = 10;
let myString = "Hello, World!";
const PI = 3.14;

// 修改可变变量的值
myNumber = 20;
myString += ", How are you?";

// 未初始化的变量默认为 undefined
console.log(myNewVariable); // 输出: undefined

数据类型

// Number 类型
var num = 123; // 整数
var floatNum = 123.456; // 浮点数

// String 类型
var str = "This is a string.";
var multiLineStr = `This is a 
multi-line string.`; // 模板字符串(ES6)

// Boolean 类型
var flag = true;
var condition = (num > 10) ? true : false;

// Null 和 Undefined 类型
var nullValue = null;
var undefinedValue; // 这是一个 undefined 变量

// Symbol 类型(ES6)
var uniqueSymbol = Symbol("unique");

// Object 类型
var obj = {
    name: "John Doe", age: 30 };

运算符

// 算术运算符
var result = 5 + 3; // 结果:8
result -= 2; // 结果:6

// 关系运算符
var lessThan = 5 < 7; // 结果:true
var greaterThanOrEqual = 6 >= 6; // 结果:true

// 赋值运算符
var originalValue = 10;
originalValue++; // 相当于 originalValue = originalValue + 1; 结果:11
originalValue--; // 相当于 originalValue = originalValue - 1; 结果:10

// 逻辑运算符
var andResult = (5 > 3) && (3 < 7); // 结果:true
var orResult = (5 < 3) || (3 < 7); // 结果:true

// 位运算符
var bitValue = 10; // 二进制表示:1010
bitValue &= 0x0F; // 与操作,结果:10(二进制:0000 1010 & 0000 1111)

流程控制语句

// if...else
var score = 90;
if (score >= 90) {
   
  console.log("Excellent");
} else if (score >= 60) {
   
  console.log("Good");
} else {
   
  console.log("Failed");
}

// switch
var dayOfWeek = "Saturday";
switch (dayOfWeek) {
   
  case "Monday":
    console.log("Start of the week");
    break;
  case "Friday":
    console.log("End of the work week");
    break;
  default:
    console.log("Weekend");
    break;
}

// for 循环
for (var i = 1; i <= 10; i++) {
   
  console.log(i);
}

// while 循环
var count = 1;
while (count <= 10) {
   
  console.log(count);
  count++;
}

// do...while 循环
do {
   
  console.log("Do something");
} while (false); // 此循环只执行一次,因为条件一开始就为假

以上代码示例演示了如何使用基本的 JavaScript 语法进行变量声明、数据类型操作、运算符使用以及流程控制语句。在实际项目中,这些基础知识是编写复杂功能的基础。

相关文章
|
JavaScript
js运算符
js运算符
186 5
|
JavaScript 前端开发
JavaScript 运算符
JavaScript 运算符
99 3
|
JavaScript 前端开发
JavaScript 中的 typeof 运算符
【8月更文挑战第29天】
235 1
|
前端开发 JavaScript 程序员
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
271 4
|
JavaScript 前端开发 安全
深入理解JavaScript中的比较运算符
深入理解JavaScript中的比较运算符
|
JavaScript 前端开发
JavaScript 运算符全知道
JavaScript 运算符全知道
221 0
|
JavaScript 前端开发
JS常见的运算符有哪些?
JS常见的运算符有哪些?
|
JavaScript 前端开发
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
这篇文章详细介绍了JavaScript中的强制类型转换、运算符(包括算术、逻辑、条件、赋值和关系运算符)的使用方法和优先级规则。
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
|
JavaScript
js【详解】typeof 运算符
js【详解】typeof 运算符
134 0
TS定义布尔值,let flag:boolean = true,定义数字类型 let a1:number = 10,赋值 let str1:string = ‘‘,打印c~.log($(str1))
TS定义布尔值,let flag:boolean = true,定义数字类型 let a1:number = 10,赋值 let str1:string = ‘‘,打印c~.log($(str1))