大家伙：我是作者程序小鱼影
1.JavaScript专场，第二章，JavaScript学前准备
JavaScript学前准备
基础知识扎实的DIV+CSS基础。
在我们开始学习JavaScript前提是必须必备，有扎实的DIV+CSS基础。
扎实的DIV布局+CSS基础
开发工具推荐 vscode ，可选 sublime / webstrom / HBuilder…
笔记文档推荐mackdown格式，工具推荐Typora / 马克飞翔。
写JS代码需要注意什么？
严格区分大小写语法字符半角字符完整语句后面 ; 结束符（可以不加，看个人或者团队开发习惯而定）缩进对齐注释单行注释多行注释弹窗调试弹窗alert普通弹窗 confirm确认弹窗(很少用) prompt输入弹窗(很少用)
JavaScript变量
2，只要具备以上条件者，即可开始学习，javaScript教程的开始，没有具备以上基础和基本要求者也可以提前参考预习。但是建议赶紧去补一下以上知识点，其实以上都是最基本的条件之一，DIV+css更是轻易而举就能学会。
首先我们第一要从变量开始
变量
使用var关键词来定义变量，变量可以用来存储各类数据以便后续使用。
变量命名规则严格区分大小写；
只能包含 字母 数字 _ $，不能以数字开头；
不能使用 关键词/保留词；除非需要，否则不要覆盖已有的API；见名知意。
TyeScript的变量声明方式从整体语法结构来看与javascript类似，但是有一些细微差别有两点：
第一点：
Let 变量 类型 = 值，它们之间不算错综复杂，不像学到后期进入大学企业开发时候一样让人枯燥脱节，这种方式实现的变量命名有一个好处，那就是赋值语句中等号右侧值的类型，与等号左侧自行定义的值类型必须完全一致，否则会报错；
案例
let a: number=0；
a=“dasjbkljl”；
注意：undefined 是任何一个类型的子类型。
let a：number，第一成功，第二个直接报错了，很明显此时不能将类型“ “dasjbkljl” ”分配类型 “number”，你不能把一个字符串的类型赋值给数字类型。这就是在ts里面一个比较非常重要的一个点。
以上a变量里面从此只允许存储数字类型
如果赋值的时候传入的是正确的数值，那么后期又重新赋值了错误类型的值也会有同样的报错
在我们的js当中的标量，爱存什么值，就存什么值，但是在ts里面就不可以。当然let的方法就属于ES6中声明变量法。
注意：这两者之间，不要被条件反射！
想要学好javascript，那么ES6肯定是要写的，而且是后期，有Es6的辅助，减少很多js当中不必要的麻烦，而运用ES6中声明变量法，很多变量什么可以一步到位。
js基础的变量，声明变量各种情况如下：
var = a； // 声明变量,但是它没有任何赋值
var b = 10；// 声明变量，且赋值
var c = 1+1；// 声明变量，再运算赋值
var d = 10；
var d = 20；
// 多次声明没有意义，只以最后一次为准
var e = 1, f = 2, g = 3; // 一个var定义三个变量，用 , 号隔开。
第二点：
let【变量】：【类型】
1，如果只是创造了变量并且规定了类型，那么这个变量默认的值就是 undefined，
2，如果只是写了一条没有明确的值的变量声明语句，那么这个值用起来的时候，它就是undefined，但是一旦你后面有其他的赋值新的赋值操作，还是会按照变量的预设格式而来。
如图所示：
案例
typeScript的类型整理
数据类型，关键字，任意类型：any；数字类型：Nunber；字符串类型：strict；布尔类型，Boolean；素组类型：无，可以在其他类型后面加上 []；元组：无；对象：object；undefined就是他本身。object要分大小写：大写就就是构造函数了。所以要注意关键字母开头。
接下来分享的是js接口
什么是接口呢？简单说就是交互，与后台对接；说道这里，可能很多人会疑惑，说还没有学会怎么写代码，就开始提与后台对接了？
没错，因为typeScript的核心就是与后台对接，不单单是代码的问题，所以一开始就得提到，对于在你后期实际操作当中肯定有一定的帮助。
typeScript作为与后台交互核心原则之一，对值所具有的结构进行类型检查。它有时会被称作“鸭式辩型法”，或者“结构性的类型化”。
在typeScript里面，接口的作用就是：为这些类型命名和为你的代码定义契约。简单来说就是和你的代码或者第三方代码签订协议。
我们来看个案例：
案例展示
以上代码功能解析如下；
1，首先创造了一个函数，该函数就默认的传入参数应用的第一对象，该对象内部需要有一个label属性，而且label的属性里的值应该就是个“字符串”；
2，输出传入的对象里面的label，属性的属性值。
接下来就是接口属性：
接口属性：interface接口实现之可选属性：
比如说：你用到的很多api，或者框架库的时候，你至少得告诉对方参数，叫做可选参数！你必须将你所选中的参数值符合某一个条件。分为以下两点：
第一点：我们会对一些可能会存在的属性进行预订，还得预判用户输入输出，一般都是数字。
第二点：用于可以捕获那些不可能存在的错误，
如图所示：
interface接口实现只读属性：
接口不止仅仅用于在函数的传参之上，还可以用在其他语句当中，一切对象属性只能在对象刚创建是修改其值。可以用在属性名前用readonly来指定只读属性。
案例展示
以上图中可以看得出，在本章节里面不会做过多的介绍，等我们讲到后面实战用到这个类型的时候在回过头来看看，那么对你的学习有很到的帮助。
今天就到此结束，我们下期再见！
提醒大家在学javascript之前一定要加强前面的DIV+SCC的布哦！
