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

相关文章
|
3月前
|
JavaScript 前端开发 开发者
|
10天前
|
设计模式 JavaScript 前端开发
js中new和object.creat区别
【10月更文挑战第29天】`new` 关键字和 `Object.create()` 方法在创建对象的方式、原型链继承、属性初始化以及适用场景等方面都存在差异。在实际开发中,需要根据具体的需求和设计模式来选择合适的方法来创建对象。
|
28天前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
15 0
|
2月前
|
存储 JavaScript 前端开发
JavaScript变量声明:深入理解与最佳实践
JavaScript变量声明:深入理解与最佳实践
|
2月前
|
存储 JavaScript 前端开发
JS篇(Array、Object)
JS篇(Array、Object)
17 1
|
3月前
|
JavaScript 前端开发 开发者
Vue.js 响应式变革来袭!结合热点技术,探索从 Object.defineProperty 到 Proxy 的奇妙之旅,触动你的心
【8月更文挑战第30天】在 Vue.js 中,响应式系统自动追踪并更新数据变化,极大提升了开发体验。早期通过 `Object.defineProperty` 实现,但存在对新旧属性处理及数组操作的局限。Vue 3.0 引入了 `Proxy`,克服了上述限制,提供了更强大的功能和更好的性能。实践中,可根据项目需求选择合适的技术方案,并优化数据操作,利用懒加载等方式提升性能。
41 0
|
4月前
|
JavaScript
JS【详解】Symbol (含Symbol 作为属性名,静态方法for 和 keyFor,11 个内置的 Symbol 值)
JS【详解】Symbol (含Symbol 作为属性名,静态方法for 和 keyFor,11 个内置的 Symbol 值)
58 1
|
4月前
|
JSON JavaScript API
JS【详解】Map (含Map 和 Object 的区别,Map 的常用 API,Map与Object 的性能对比,Map 的应用场景和不适合的使用场景)
JS【详解】Map (含Map 和 Object 的区别,Map 的常用 API,Map与Object 的性能对比,Map 的应用场景和不适合的使用场景)
92 0
|
算法
Leetcode 313. Super Ugly Number
题目翻译成中文是『超级丑数』,啥叫丑数?丑数就是素因子只有2,3,5的数,7 14 21不是丑数,因为他们都有7这个素数。 这里的超级丑数只是对丑数的一个扩展,超级丑数的素因子不再仅限于2 3 5,而是由题目给定一个素数数组。与朴素丑数算法相比,只是将素因子变了而已,解法还是和朴素丑数一致的。
99 1
|
5月前
|
存储 SQL 算法
LeetCode 题目 65:有效数字(Valid Number)【python】
LeetCode 题目 65:有效数字(Valid Number)【python】

热门文章

最新文章