Java Script基础 2021

---

前言

时间过得很快，在这里再次和看见这篇博客的你们见面。接下来更新内容以 “javascript” 为主，直接进入正题吧~

---

一、js初体验

1.行内式

<input type="button" value="点我试试" onclick="alert('Hello World')" />

注：特殊情况下使用即可，在内容繁杂的情况下，行内式可读性差，对行内式来说，在引号中多层嵌套容易混淆；

2.内嵌式

<script>
    alert('Hello World~!');
</script>

注：学习时常用，使用比较方便，吧js代码放入script标签即可；

3.外部样式

<script src="my.js"></script>

注;把js文件独立出去，美观且方便多次使用；

二、注释

前言，注释的本质就是提高代码的可读性

1.单行注释

注释方法：直接单行选择，然后 （ctrl + ？）即可；

2.多行注释

注释方法： 选中多行内容，然后（ctrl + ？）

三、输入输出语句

• 输出，语法：console.log(content)，在浏览器的控制台会看到打印输出的结果
• 输入，语法：prompt（“content”），浏览器弹出输入框，用户可以输入相关内容
• alert（），待理解

四、变量

1.概念

变量就是在内存空间中开辟出来的，一块用来储蓄数据的容器，储蓄方法为储蓄该数据的内存地址；

2.命名规则

可由字母数字下划线，外加（$）组成；

严格区分大小写，age和Age是两个不同的变量；

不能以数字开头，不同包含关键字，保留字；

遵守驼峰命名法，见名知意；

3.初始化

3.1声明变量

var name  //变量未初始化，此时变量保存值为：undefined

3.2变量赋值

name="张三" //把“张三”这个值赋值给“name”这个变量

3.3初始化变量

var name = "张三";   //定义变量时直接初始化，此时的变量值为 张三

注：声明一个变量并且赋值，这就叫做变量的初始化；

3.4同时声明多个变量

var name="zhangsan", age=10, gender="man"

注：变量之间用英文 “,“ 隔开即可；

五、数据类型

1、类型

Number-数字类型：包含整型和浮点型，例如：6和6.6；

Boolean-布尔类型：True和False；

String：字符串类型：如，熟悉的“张三”；

Undefined：上面有提到过ao，在初始化变量时，不给变量进行赋值就会出现此类型，如：var s

2、获取

语法：

var sum=33；
console.log(typeof sum)

注：打印的结果为“number”，表示为数字类型，获取不同的数据类型会返回不同的值；

六、运算符

1、分类

算数运算符，比较运算符，逻辑运算符，赋值运算符

1.1算数运算符

问题：浮点型的精度问题

例：

var sum=0.3+0.4
console.log(sum)

注：按道理来说在js中结果是0.30000000000000004 ，总之就是会存在偏差，但是我自己实验的时候确实没有偏差（我不能李姐~）

解决方法：

var sum=(0.3*10+0.4*10)/10
console.log(sum)

原理，给浮点型数值进行*10的运算，使它变为整型，然后再除以对应的10的倍数

1.2比较运算符

比较运算符的运算结果为布尔类型

注：

等号比较的时候，“==”两个等号只是判断两边的值是否相等，并不会看数据类型，如：

console.log(18=="18") //它的运算结果为True，对的，就是那么不长眼睛~

那么，“===”三个等号就是理想的判断状态了，如：

console.log(18==="18") //它的运算结果为False，它不仅进行值的比较，同时也会判断数据的类型

1.3逻辑运算符

记住一句话即可，原创者就是本人“有真或为真，有假且为假”

解析:

“True || True”，或者“True || False”，那么这个表达式的运算结果为True；

“False && False”，或者“False && True”，那么这个表达式的运算结果为False；

注：一定记住那句话，无敌的存在；

1.4赋值运算符

理解“+=”和“-=”，“*=”、“/=”、和“%=”

1.5运算符优先级

（）>一元>算数>关系>相等>逻辑>赋值>逗号

七、流程控制语句

1.条件语句

if 语句

语法：

// 条件成立执行代码，否则什么也不做 
if (条件表达式) { 
    // 条件成立执行的代码语句 
}

if else语句（双分支语句）

语法：

// 条件成立 执行 if 里面代码，否则执行else 里面的代码 if (条件表达式) {    // [如果] 条件成立执行的代码 } else {    // [否则] 执行的代码}

if， else if ，else（多分支语句）

语法：

if (条件表达式1) {    语句1； } else if (条件表达式2) {    语句2； } else if (条件表达式3) {    语句3； .... } else {    // 上述条件都不成立执行此处代码 }

注：上面只是单纯陈述了条件执行语句的语法，原理还得靠自己ao~

(附图有点麻烦)

---

留言

接下来会不断的更新“javaScript”的知识，对自己有用的话那么可以考虑一下给作者留下个关注ao~


人山人海，相遇即是缘，珍惜眼前人，愿我们都能璀璨未来那个属于自己的星空