2020-03-02 前端js入级知识点总结 基础篇（一）

欢迎大家来看我的文章，这里都是一些关于js的知识，我会将我每天学习的内容进行总结，供大家参考，知识是累积出来的大家不要觉得辛苦，相信我们每个人都是潜力股，有哪些注意事项以及我们需要学习哪些内容，我都会记录下来，想要成为一名优秀的前端开发工程师就要抓住基础，把基础打扎实，才能在后期运用得当。

不了解前端的宝宝们可以大体了解下前端的发展史，首先几个重要的时间需要了解：

---

     1994年，万维网（W3C）成立，网景推出了第一版Navigator浏览器，HTML也发布了第二代版本，TIM的好基友也设计了CSS...所以我们把1994年称为“前端历史的起点”

       1995年，网景工程师BrendanEich花了10天时间设计了JavaScript语言，1996年微软发布了JScript（和JS有一些差异），同时拉开了Navigator和Internet

我们学习js首先要知道我们常用的浏览器，很多宝宝是自学对浏览器认识不广泛，我们学习js'一般用的都是webkit内核的浏览器，随着时代的变化，一些浏览器已经逐渐衰弱了，所以我们现在运用的浏览器都是谷歌浏览器，（常用的，也有一些Trident内核的IE浏览器.......)

---

下面进入我们的js知识世界

一、js的命名规范

- 严格遵循大小写

//=>编写代码的时候一定要区分大小写问题

let Test = 100;

console.log(test); //=>输出不出来因为test小写了

- 使用驼峰命名法

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

let studentInfomation = {

name: '名字'

};

let studentInfo = {};

大括号里的内容用逗号分割开来；

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

add / insert / create  新增/插入/创建/ info 信息

del / delete / remove  删除/移除 update 修改

select / query / get  查询/获取

- 命名规则：使用 “$、_、英文字母、数字” 命名

// 基于$开头：一般代表使用JQ或者其它使用$的类库获取的内容

let $box;

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

let _box = {};

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

let box1 = 10;

let box2 = 20;

// 数字不能作为开头

 let 2box = 10;=>错误的

// 想要分隔单词，可以使用_或者驼峰，但是不能是'-';(横线）

 let box-list;=>错误的

let box_list ;=>正确的

let boxList ; =>正确的

 var var = 10;=>错误的尽量不要使用变量为名字

// 汉字 虽然不会报错，但是强烈不推荐l例：

let 盒子 = 100;

console.log(盒子);

- 不能使用关键字和保留字

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

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

二、js做客户端的语言，以及组成部分（三部分）

1、ECMAScript：定义了js语法的规范

说明：*变量、数据类型、操作语句、内存管理、、、、、*

2、DOM（document    object   model）

说明：* 文档对象模型，提供一些js属性和方法，用来操作页面中DOM元素 *

3、BOM（browser   object   model）

说明：*浏览器对象模型，提供一些js属性和方法，用来操作浏览器用的

首先今天来介绍js中的变量

三、js中的变量 ‘variable’

变量：可变的量，（存储的值可变）在编程语言中，变量其实就是一个名字，他用来储存，代表不同的东西。

//ES3 中创建变量

-var a = 10;

       a = 20；

其中a就是变量，10代表值；

其中a=20代表a的值可以改变，输出结果就是20；结果确定为做后一个值；

输出是：console .log(a)//=>代表输出a的值

//Es6中模块导入变量

import   B  from  '.\B.js';

定义一个叫做B的变量，用来指向导入模块；

//ES6中创建变量

-let  b = 10;

Es6中创建变量跟Es3中同a的值可变，但是变量的名字不可相同，不然会报错；

//创建函数变量  function   fn（）{}

//创建类变量

class A{}

四、js中常用的数据类型

分为两种数据类型：

{基本数据类型

{引用数据类型

一、基本数据类型包括

- 数字数据类型 number：正数、负数、小数、0、NaN{not a number} 
- 字符串数据类型string：所有单引号、双引号、反问号、Tab上面的点、所有被包起来的都是字符串；

- 布尔数据类型boolean：包括true/false

- 空对象指针null

- 未定义undefind

- Es6新增的唯一值symbol

二、引用数据类型包括

对象数据类型：{1、普通对象{}=>大括号包起来的都是属性名；

                          2、数组对象[]=>中括号包起来的，每一项值可以是任何类型，里面的值要用逗号隔开；

3、正则对象//双斜杠里面的值；

4、日期对象new date；

5、Math数学函数对象；

三、函数数据类型（重点）

function   fun（x，y）{}

今天是js的基础认知课，大家多多了解，我会及时逐个讲解其中的应用，程序员不是一口吃个大胖子，而是通过自己的不断积累练习来完善自己，敲得代码行数觉定自己的能力，趁现在大家抓紧加强自己，相信每一个人都是潜力股，没有搞不懂的问题，不要觉得难就退缩，你不去试着努力又怎知自己的不可以！