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

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

  • [JavaScript 有哪些基本的语言规则?](#JavaScript 有哪些基本的语言规则?)

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

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

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

  1. 变量声明

    • JavaScript 使用 var(在 ES6 后推荐使用 letconst)关键字来声明变量。例如:

      javascript 复制代码
      var age; // 声明一个未初始化的变量
      let name = "Aniu"; // 声明并初始化一个变量
      const PI = 3.14159; // 声明常量,值一旦被赋予就不能改变
  2. 数据类型

    • JavaScript 支持多种数据类型,包括但不限于:stringnumberbooleannullundefinedobjectarrayfunctionsymbol(ES6 新增)、bigint(ES10 新增)。
  3. 表达式与运算符

    • 支持各种算术运算符(+、-、*、/、%)、比较运算符(、=、!=、!==、<、<=、>、>=)、逻辑运算符(&&、||、!)等。
    • 简写赋值运算符(+=、-=、*=、/=、%=),以及条件运算符(三元运算符 condition ? exprIfTrue : exprIfFalse)。
  4. 控制结构

    • 条件语句:if...elseswitch...case
    • 循环结构:forwhiledo...whilefor...in(遍历对象属性)、for...of(遍历可迭代对象)
    • 跳转语句:breakcontinuereturn
  5. 函数定义

    • 函数可以通过 function 关键字定义:

      javascript 复制代码
      function greet(name) {
        console.log("Hello, " + name);
      }
    • 或者使用 ES6 中的箭头函数语法:

      javascript 复制代码
      const greet = (name) => console.log(`Hello, ${name}`);
  6. 作用域和闭包

    • JavaScript 有全局作用域和函数作用域(在 ES6 中引入了块级作用域 letconst)。
    • 闭包是指有权访问另一个函数作用域中的变量的函数,即使该函数已经关闭(执行完毕)。
  7. 字符串和数组

    • 字符串是不可变的,并提供了许多方法如 .length.charAt().substring() 等。
    • 数组是有序的数据集合,可以动态调整大小,支持索引访问和多种操作方法如 .push().pop().slice().map() 等。
  8. 对象和类

    • 对象通过 {} 定义,可以包含任意数量的属性(键值对)。
    • ES6 引入了类(class)的概念,允许开发者创建基于原型的面向对象系统。
  9. 异步编程

    • JavaScript 主要通过回调函数、Promise、async/await 等机制处理异步操作。
  10. 注释

    • 单行注释:// 这是一个单行注释
    • 多行注释:/* 这是一个 多行注释 */
  11. 执行顺序

    • 在HTML文件中按顺序执行。
    • 被调用时执行。
  12. 大小写敏感。

  13. 行尾分号可有可无。

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

相关推荐
酉鬼女又兒4 分钟前
零基础入门前端 第十三届蓝桥杯省赛 :水果拼盘 Flex一篇过(可用于备赛蓝桥杯Web应用开发)
前端·css·职场和发展·蓝桥杯·css3
wefly20176 分钟前
m3u8live.cn:免安装 HLS 在线播放器,流媒体调试效率神器
开发语言·javascript·python·django·ecmascript·hls.js 原理·m3u8 解析
J_liaty6 分钟前
JavaScript 基础知识全解析:从入门到精通
开发语言·javascript
天若有情6737 分钟前
前端HTML精讲02:表单高阶用法+原生校验,告别冗余JS,提升开发效率
前端·javascript·html
蜡台8 分钟前
Vue 组件通信的 12 种解决方案
前端·javascript·vue.js·props
吴声子夜歌11 分钟前
TypeScript——局部类型、联合类型、交叉类型
javascript·git·typescript
wefly20171 小时前
jsontop.cn:一站式 JSON 全能工具集,开发全流程效率神器
前端·javascript·python·django·json·json在线转换
YAY_tyy4 小时前
Vue3 + Three.js 实战:自定义 3D 模型加载与交互全流程
前端·javascript·vue.js·threejs
星河耀银海4 小时前
3D效果:HTML5 WebGL结合AI实现智能3D场景渲染
前端·人工智能·深度学习·3d·html5·webgl
英俊潇洒美少年5 小时前
SSE 流式接口讲解
javascript