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

相关推荐
Mintopia44 分钟前
实时 AIGC:Web 端低延迟生成的技术难点与突破
前端·javascript·aigc
Mintopia1 小时前
Next.js 性能优化双绝:Image 与 next/font 的底层修炼手册
前端·javascript·next.js
小菜全1 小时前
使用UniApp实现下拉框和表格组件页面
开发语言·前端·javascript·elementui·前端框架·html
空山新雨(大队长)2 小时前
HTML第九课:HTML5新增标签
前端·html·html5
傻梦兽2 小时前
2025年,跟 encodeURIComponent() 说再见吧
前端·javascript
Lingxing2 小时前
事件流:深入理解事件冒泡、事件捕获与事件委托
前端·javascript·面试
San302 小时前
JavaScript 入门精要:从变量到对象,构建稳固基础
javascript·面试·html
bug_kada2 小时前
深入理解事件捕获与冒泡(详细版)
前端·javascript
小妖6662 小时前
怎么用 tauri 创建一个桌面应用程序(Electron)
前端·javascript·electron