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

相关文章
|
5天前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
6 0
|
1月前
|
机器学习/深度学习 JavaScript 前端开发
JavaScript typeof, null, 和 undefined
JavaScript typeof, null, 和 undefined
46 4
|
1月前
|
存储 JavaScript 前端开发
JS篇(Array、Object)
JS篇(Array、Object)
16 1
|
2月前
|
数据安全/隐私保护
作用域通信对象:session用户在登录时通过`void setAttribute(String name,Object value)`方法设置用户名和密码。点击登录按钮后,跳转到另外一个页面显示用户
该博客文章通过示例演示了如何使用session对象的`setAttribute`和`getAttribute`方法在不同页面间传递和显示用户的用户名和密码信息,并说明了如何设置会话的有效期。
作用域通信对象:session用户在登录时通过`void setAttribute(String name,Object value)`方法设置用户名和密码。点击登录按钮后,跳转到另外一个页面显示用户
|
1月前
|
存储 JavaScript 前端开发
|
2月前
|
开发者 图形学 C#
揭秘游戏沉浸感的秘密武器:深度解析Unity中的音频设计技巧,从背景音乐到动态音效,全面提升你的游戏氛围艺术——附实战代码示例与应用场景指导
【8月更文挑战第31天】音频设计在游戏开发中至关重要,不仅能增强沉浸感,还能传递信息,构建氛围。Unity作为跨平台游戏引擎,提供了丰富的音频处理功能,助力开发者轻松实现复杂音效。本文将探讨如何利用Unity的音频设计提升游戏氛围,并通过具体示例代码展示实现过程。例如,在恐怖游戏中,阴森的背景音乐和突然的脚步声能增加紧张感;在休闲游戏中,轻快的旋律则让玩家感到愉悦。
70 0
|
2月前
|
JavaScript 前端开发 开发者
Vue.js 响应式变革来袭!结合热点技术,探索从 Object.defineProperty 到 Proxy 的奇妙之旅,触动你的心
【8月更文挑战第30天】在 Vue.js 中,响应式系统自动追踪并更新数据变化,极大提升了开发体验。早期通过 `Object.defineProperty` 实现,但存在对新旧属性处理及数组操作的局限。Vue 3.0 引入了 `Proxy`,克服了上述限制,提供了更强大的功能和更好的性能。实践中,可根据项目需求选择合适的技术方案,并优化数据操作,利用懒加载等方式提升性能。
39 0
|
2月前
|
JavaScript 前端开发 C++
【Azure Function】调试 VS Code Javascript Function本地不能运行,报错 Value cannot be null. (Parameter 'provider')问题
【Azure Function】调试 VS Code Javascript Function本地不能运行,报错 Value cannot be null. (Parameter 'provider')问题
|
2月前
|
前端开发 JavaScript 开发者
JavaScript中的哲学难题:深入探讨undefined与null的情感纠葛
【8月更文挑战第23天】在Web前端开发中,理解和区分`undefined`与`null`至关重要。`undefined`表示变量已声明但未赋值,常出现在未初始化的变量或函数无返回值的情形;`null`则是开发者主动赋值的结果,意味着变量虽存在但值为空。虽然`undefined == null`为真,但`undefined === null`为假,表明它们在语义上有明显差异。合理使用两者能增强代码的健壮性和可读性,避免运行时错误。
28 0
|
3月前
|
JSON JavaScript API
JS【详解】Map (含Map 和 Object 的区别,Map 的常用 API,Map与Object 的性能对比,Map 的应用场景和不适合的使用场景)
JS【详解】Map (含Map 和 Object 的区别,Map 的常用 API,Map与Object 的性能对比,Map 的应用场景和不适合的使用场景)
72 0