js知识点 掘金_一些JS基础知识

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