一些JS基础知识

186 阅读2分钟

JS组成的三大部分

  • ECMAScript(ES3 / ES6~9): 定义了JS的语法规范:定义了语言本身的变量、数据值、操作语句、内存管理...等内容

  • DOM(document object model): 文档对象模型:提供对应的属性和方法,可以让JS操作页面中的DOM元素

  • BOM(browser object model): 浏览器对象模型:提供操作浏览器的属性和方法

注意:当代项目开发,一般都是基于Vue/React完成的,基于这两个框架,我们已经不去操作DOM了,我们操作数据

JS中的变量 variable

变量:可变的量(其存储的值是可变的),设置一个变量(起个名字),让其代表和指向某一个具体的值

JS中创建变量的几种方式

  • ES3:var

  • ES6:let 、const

  • function 创建函数

  • class 创建一个类

  • import / require 基于ES6Module或者Common.js规范导入模块

==========================================================

1.基于var创建

var n = 10;

var m;

console.log(n, m); => 10 undefined

2.基于ES6中的LET创建

let a = 100;

a = 200;

console.log(a); => 200

3.基于ES6中的CONST创建(基于CONST定义的变量一般也被成为常量);

const b = 1000;

console.log(b); => Uncaught TypeError: Assignment to constant variable.

4.创建一个函数

function func() {}

console.log(func);

5.创建一个类

class Parent {}

console.log(Parent);

6.基于模块规范来导入具体的某个模块

import axios from './axios';

let axios = require('./axios');

命名规范:严格区分大小写!!编写代码的时候一定要区分大小写问题

let Test = 100;

console.log(test); //=>Uncaught ReferenceError: test is not defined

使用驼峰命名法

由有意义英文组成一个名字,第一个单词首字母小写,其余每一个有意义的单词首字母大写

例如:let studentInfo = {};

项目中常见的有特殊含义的端词组

add / insert / create 新增/插入/创建

del / delete / remove 删除/移除

update 修改

select / query / get 查询/获取

info 信息

命名规则:使用 “$、_、英文字母、数字” 命名,数字不能作为开头

想要分隔单词,可以使用_或者驼峰,但是不能是-

中文命名虽然不报错,但是强烈不建议!

不能使用关键字和保留字

关键字:在JS中有特殊含义的

保留字:未来可能会成为关键字的

一些知识点补充:

基于$开头:一般代表使用JQ或者其它使用 美元符 的类库获取的内容

基于_开头:一般代表是全局或者公共的变量

基于数字区分相似名称的变量

JS中的数据类型

1.基本数据类型(值类型 / 原始值)

  • 数字 number

  • 字符串 string

  • 布尔 boolean

  • 空对象指针 null

  • 未定义 undefined

  • ES6新增的唯一值类型 symbol

2.引用数据类型

  • 对象数据类型 object

    • 普通对象 {}
    • 数组对象[]
    • 正则对象 /^$/
    • 日期对象 new Date
    • 数学函数对象 Math ...等等
  • 函数数据类型 function