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 语法进行变量声明、数据类型操作、运算符使用以及流程控制语句。在实际项目中,这些基础知识是编写复杂功能的基础。

相关文章
|
8月前
|
JavaScript 前端开发
javascript中的switch用法
javascript中的switch用法
|
8月前
|
JavaScript 前端开发
js数字(Number)方法汇总
js数字(Number)方法汇总
72 0
|
4月前
|
JavaScript 前端开发
JavaScript switch 语句
JavaScript switch 语句
42 1
|
4月前
|
JavaScript 前端开发
JS基础 if和switch区别
本文比较了JavaScript中的`if`语句和`switch`语句的区别,并通过示例代码展示了它们的用法,解释了何时使用`if`更合适以及`switch`语句的特点和应用场景。
37 0
|
5月前
|
JavaScript 前端开发
深入JavaScript的条件语句:if...else和switch
深入JavaScript的条件语句:if...else和switch
|
7月前
|
JavaScript 前端开发
JavaScript中的switch语句详解
JavaScript中的switch语句详解
|
7月前
|
JavaScript 前端开发 索引
JavaScript有7个数据类型:Number, String, Boolean, Null, Undefined, Symbol(BES6)和BigInt(ES10)组成基本类型
【6月更文挑战第25天】JavaScript有7个数据类型:Number, String, Boolean, Null, Undefined, Symbol(BES6)和BigInt(ES10)组成基本类型,而Object包括Array、Function等是引用类型。Objects可以包含键值对,Array是特殊的Object。Functions也是对象。`null`和`undefined`被视为特殊的原始值。
64 1
TS,数据类型概述,常见的基本数据类型有number/string/boolean/undefined/null,字符串用““,let food: string = ‘糖葫芦‘,布尔类型
TS,数据类型概述,常见的基本数据类型有number/string/boolean/undefined/null,字符串用““,let food: string = ‘糖葫芦‘,布尔类型
|
8月前
|
XML JavaScript 前端开发
JavaScript简介&引入方式(JavaScript基础语法、JavaScript对象、BOM、DOM、事件监听)
JavaScript简介&引入方式(JavaScript基础语法、JavaScript对象、BOM、DOM、事件监听)
53 2
|
8月前
|
JavaScript 前端开发 Web App开发
JavaScript基础语法(codewhy版本)(一)
JavaScript基础语法(codewhy版本)
150 1
JavaScript基础语法(codewhy版本)(一)

热门文章

最新文章