编程笔记 html5&css&js 064 JavaScript 语言规则

简介: 编程笔记 html5&css&js 064 JavaScript 语言规则


接下来正式接触编程语言了,每一门语言都有一些基本的语言规则,这些规则有些在没有具体使用之前可能不好理解,初学者简单了解就可以了,如果有其他编程语言基础的,就比较好理解了,或者全部内容学完以后回头再看,这些规则可能更能概括这门语言的全貌。

JavaScript 有哪些基本的语言规则?

JavaScript 作为一门脚本语言,具有以下基本的语言规则:

  1. 变量声明
  • JavaScript 使用 var(在 ES6 后推荐使用 letconst)关键字来声明变量。例如:
var age; // 声明一个未初始化的变量
let name = "Aniu"; // 声明并初始化一个变量
const PI = 3.14159; // 声明常量,值一旦被赋予就不能改变
  1. 数据类型
  • JavaScript 支持多种数据类型,包括但不限于:stringnumberbooleannullundefinedobjectarrayfunctionsymbol(ES6 新增)、bigint(ES10 新增)。
  1. 表达式与运算符
  • 支持各种算术运算符(+、-、*、/、%)、比较运算符(=、!=、!==、<、<=、>、>=)、逻辑运算符(&&、||、!)等。
  • 简写赋值运算符(+=、-=、*=、/=、%=),以及条件运算符(三元运算符 condition ? exprIfTrue : exprIfFalse)。
  1. 控制结构
  • 条件语句:if...elseswitch...case
  • 循环结构:forwhiledo...whilefor...in(遍历对象属性)、for...of(遍历可迭代对象)
  • 跳转语句:breakcontinuereturn
  1. 函数定义
  • 函数可以通过 function 关键字定义:
function greet(name) {
  console.log("Hello, " + name);
}
  • 或者使用 ES6 中的箭头函数语法:
const greet = (name) => console.log(`Hello, ${name}`);
  1. 作用域和闭包
  • JavaScript 有全局作用域和函数作用域(在 ES6 中引入了块级作用域 letconst)。
  • 闭包是指有权访问另一个函数作用域中的变量的函数,即使该函数已经关闭(执行完毕)。
  1. 字符串和数组
  • 字符串是不可变的,并提供了许多方法如 .length.charAt().substring() 等。
  • 数组是有序的数据集合,可以动态调整大小,支持索引访问和多种操作方法如 .push().pop().slice().map() 等。
  1. 对象和类
  • 对象通过 {} 定义,可以包含任意数量的属性(键值对)。
  • ES6 引入了类(class)的概念,允许开发者创建基于原型的面向对象系统。
  1. 异步编程
  • JavaScript 主要通过回调函数、Promise、async/await 等机制处理异步操作。
  1. 注释
  • 单行注释:// 这是一个单行注释
  • 多行注释:/* 这是一个 多行注释 */
  1. 执行顺序
  • 在HTML文件中按顺序执行。
  • 被调用时执行。
  1. 大小写敏感。
  2. 行尾分号可有可无。

以上只是部分基础语法规则,JavaScript 的完整语法规则还包括异常处理、模板字符串、解构赋值、扩展运算符等多种特性。

相关文章
|
2天前
|
移动开发 HTML5
HTML5/CSS3粒子效果进度条代码
HTML5/CSS3进度条应用。这款进度条插件在播放进度过程中出现粒子效果,就像一些小颗粒从进度条上散落下来
15 0
HTML5/CSS3粒子效果进度条代码
|
3天前
|
前端开发 JavaScript 索引
CSS常见用法 以及JS基础语法
CSS常见用法 以及JS基础语法
10 0
|
5天前
|
JavaScript 前端开发
js和css以及js制作弹窗
js和css以及js制作弹窗
11 1
|
6天前
|
移动开发 前端开发 JavaScript
:掌握移动端开发:HTML5 与 CSS3 的高效实践
:掌握移动端开发:HTML5 与 CSS3 的高效实践
22 1
|
9天前
|
JSON JavaScript 前端开发
使用JavaScript和XLSX.js将数据导出为Excel文件
使用JavaScript和XLSX.js将数据导出为Excel文件
21 0
|
11天前
|
移动开发 前端开发 JavaScript
【专栏:HTML与CSS实战项目篇】使用HTML5与CSS3制作一个动态表单验证页面
【4月更文挑战第30天】本文介绍了使用HTML5和CSS3创建动态表单验证页面的方法。首先,简述HTML5用于构建网页内容,CSS3用于描述样式。接着,分四步展示实现过程:1) 设计包含输入框和提示信息的表单结构;2) 使用CSS3创建样式,增强视觉效果;3) 使用JavaScript监听输入事件,动态验证表单并显示错误信息;4) 测试和调试确保跨平台兼容性。通过学习,开发者能掌握创建带验证功能的表单,提升用户体验。
|
11天前
|
JavaScript 前端开发 开发工具
【JavaScript 技术专栏】Node.js 基础与实战
【4月更文挑战第30天】本文介绍了Node.js的基础及应用,包括事件驱动的非阻塞I/O、单线程模型和模块系统。内容涵盖Node.js的安装配置、核心模块(如http、fs、path)及实战应用,如Web服务器、文件操作和实时通信。文章还讨论了Node.js的优劣势、与其他技术的结合,并通过案例分析展示项目实施流程。总结来说,Node.js是高效后端开发工具,适合构建高并发应用,其广阔的应用前景值得开发者探索。
|
Web App开发 前端开发 JavaScript
|
JavaScript 前端开发 容器
|
前端开发 JavaScript 容器
js+css实现骰子的随机转动
网上找的例子,然后增添了新的东西,在这里展示一下...... 效果图预览:   js+css3实现3D骰子特效 - 站长素材 * { margin:0; padding:0; } body { background:#efefef; overflow:hid...
932 0