# JS基础知识

# JS组成的三个部分

  • ECMAScript :定义了JS的语法规范
    • 语言本身的变量
    • 数据值
    • 操作语句
    • 内存管理等....
    • 版本:ES3/ES2015-ES2020(从ES6开始规定每年出一次新规范,用年份来表示)
  • DOM
  • BOM
  • 注意
    • 当前项目开发,一般都是基于Vue/React 完成的,基于这两个框架,我们已经不去操作DOM了,我们操作数据,由框架本身帮助我们完成DOM的操作

# JS中的变量

  • 变量:可变的量(其储存的值是可变的)

    • 设置一个变量(起一个名字),让其代表和指向某一个具体的值
  • JS创建变量的几种方式

    • var(ES3)声明一个变量
    • let(ES6):声明一个变量
    • const(ES6):声明一个常量
    • function:声明一个函数
    • class:创建一个类
    • import/require 基于ES6Module或者Commonjs规范导入模块
  • 变量命名的规范

    • 严格遵循大小写

    • 使用驼峰命名法

      • 由有意义的英文组成一个名字,第一个单词首字符小写,其余单词首字母大写
      • 项目中常见的有特殊含义的短词组
        • add/insert/create新增/插入/创建
        • del/delete/remove/update删除/移除/修改
        • select/query/get查询/获取
        • info信息
    • 命名规则:使用“$/_/英文字母/数字”命名

      • 基于$开头一般代表使用JQ或者其他使用$的类库获取的内容
    • 基于_开头一般代表是全局或者公共的变量

    • 基于数字

      • 区分相似名称的变量

      • 数字不能作为开头

  • 注意

    - 想要分隔单词,可以使用_或者驼峰,但是不能是-
    - 用中文虽然不会报错,但是强烈不推荐
    
  • 不能使用关键字和保留字

# JS中数据类型

  • 基本数据类型(值类型/原始值)
    • Number数字
    • String字符串
    • Boolean布尔
    • Null空对象指针
    • Undefined未定义
    • Symbol(ES6新增的唯一值类型)
  • 引用数据类型
    • Object
      • 普通对象"{}"
      • 正则对象"/^$"
      • 日期对象Data
      • 数学函数对象Math
      • 函数对象function

# 参考

什么是ECMAScript

关注作者公众号

自学路上一起进步!

加入前端自学交流群

扫描二维码回复 加群 学习