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

相关文章
|
6月前
|
JavaScript 前端开发 开发者
JavaScript中的箭头函数:简洁的语法与this绑定
JavaScript中的箭头函数:简洁的语法与this绑定
489 184
|
9月前
|
JSON 前端开发 Serverless
Mock.js 语法结构全解析
Mock.js 的语法规范介绍,从数据模板定义规范和数据占位符定义规范俩部分介绍, 让你更好的使用 Mock.js 来模拟数据并提高开发效率。
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
915 1
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
JavaScript 算法 前端开发
JS算法必备之String常用操作方法
这篇文章详细介绍了JavaScript中字符串的基本操作,包括创建字符串、访问特定字符、字符串的拼接、位置查找、大小写转换、模式匹配、以及字符串的迭代和格式化等方法。
244 2
JS算法必备之String常用操作方法
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
JavaScript 前端开发 开发者
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
274 0
|
JavaScript 前端开发
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
这篇文章介绍了JavaScript中的数组、Date对象、Math对象以及包装类(String、Number、Boolean),并详细讲解了数组的创建、方法(如forEach、push、pop、unshift、slice、splice)和遍历操作,以及工厂方法创建对象和原型对象的概念。
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
601 4

热门文章

最新文章