编程笔记 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 的完整语法规则还包括异常处理、模板字符串、解构赋值、扩展运算符等多种特性。

相关文章
|
25天前
|
前端开发 JavaScript 数据处理
CSS 变量的作用域和 JavaScript 变量的作用域有什么不同?
【10月更文挑战第28天】CSS变量和JavaScript变量虽然都有各自的作用域概念,但由于它们所属的语言和应用场景不同,其作用域的定义、范围、覆盖规则以及与其他语言特性的交互方式等方面都存在明显的差异。理解这些差异有助于更好地在Web开发中分别运用它们来实现预期的页面效果和功能逻辑。
|
15天前
|
缓存 前端开发 JavaScript
优化CSS和JavaScript加载
Next.js和Nuxt.js在优化CSS和JavaScript加载方面提供了多种策略和工具。Next.js通过代码拆分、图片优化和特定的CSS/JavaScript优化措施提升性能;Nuxt.js则通过代码分割、懒加载、预渲染静态页面、Webpack配置和服务端缓存来实现优化。两者均能有效提高应用性能。
|
15天前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
67 1
|
20天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
34 3
|
23天前
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果,可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素,向下拖拽可实现删除效果,简单实用,欢迎下载
38 4
|
22天前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
52 0
html5+three.js公路开车小游戏源码
|
29天前
|
前端开发 Ruby
CSS 预编语言的区别
【10月更文挑战第24天】Sass、Less 和 Stylus 等 CSS 预编语言在语法特点、功能特性、性能表现、社区和生态系统等方面存在着不同之处。在选择使用哪种预编语言时,需要综合考虑项目需求、团队技术偏好、个人习惯等因素。你可以根据具体情况进行评估和选择,以充分发挥这些语言的优势,提高前端开发的效率和质量。
|
1月前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
94 6
|
29天前
|
存储 前端开发 编译器
对 CSS 预编语言的理解
【10月更文挑战第24天】在前端开发领域,CSS 预编语言是一种重要的工具和技术,它们为我们提供了更强大、更灵活和更高效的方式来编写和管理 CSS 代码。以下是对 CSS 预编语言的深入理解。
|
29天前
|
前端开发 开发者
如何快速掌握 CSS 预编语言
【10月更文挑战第24天】快速掌握 CSS 预编语言需要时间和耐心,不要急于求成。通过系统的学习、实践和不断积累经验,你将逐渐熟练掌握 CSS 预编语言,并能够在实际开发中灵活运用,提高开发效率和代码质量。