Javascript一部分用法

                       一     JS基本使用                         

    前言    

---

JavaScript 是一种脚本编程语言，它可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，而是实时的内容更新——交互式的地图、2D/3D 动画、滚动播放的视频等等——JavaScript 就在其中

---

1   声明与赋值     

声明方式

1.使用var声明(无需赋值声明即存入) 

使用注意

图中NAME代表你要声明的变量名字按照命名规则不可是关键字命名结束后加上;即可

---

2.使用const声明常量(必须初始化)

使用注意

        1. const声明必须初始化 即const NAME  =  value (值) ；

        2. const声明的常量代表着它地址无法改变但是你地址对应的值是可变的

---

3.使用let声明(独立个体)

使用注意

        1. 不存在变量提升，let声明变量前，该变量不能使用（暂时性死区)

        2. let命令所在的代码块内有效，在块级作用域内有效

        3. let不允许在相同作用域中重复声明，注意是相同作用域，不同作用域有重复声明不会报错

---

2    使用console.log检查       

    介绍    

console.log作为js众多web程序员的必定接触的代码，你可以使用它在script标签里面任意使用

然后到浏览器控制台检查这个调用函数你所赋值或者声明的值

    使用方法    

top下方就是console.log调用函数让NAME显示它的值

使用注意

1.log()l括号里可以加入"内容"字符串，同时也能使用 + 对两个字符串连接起来

2.也可以对数字进行运算，到控制台显示结果

3.对于不同类型比如字符串 + 数字起连接作用

---

                       二     认识数据类型                         

---

1   数据类型归纳     

数据类型8种分别是Number、String、Boolean、Null、undefined、object、symbol、bigInt

---

2   引用类型归纳     

引用类型1种为object

object还包括Data (数据) function (函数) array (数组)

---

3   认识各种类型     

---

        1.认识Boolean数据类型 

Boolean数据类型有两种true( 而不是 TRUE、True )、flase( 而不是 FALSE、False )

Boolean数据类型转换参照下图表(借鉴其他博主)

数据类型转换实例  控制台显示结果和上图表所示为true

---

        2.认识number数据类型 

number数据类型有数字(1)、NaN( not a number 不是一个数字用于判断 )

---

number数据类型转换参照下图表(自己归纳)

特殊转化Number	转化值
Boolean中true和flase	分别为1和0
null	0
空格和" “	0
undefined	NaN
"1"字符串里加数字	直接转化为数字
"1d"字符串里包含数字	NaN

用于判断是否是一个数字 

判断数字类型可用console.log(isNaN()),isNaN代表着不是一个数,判断结果为boolean类型

以上不完全补充，只介绍常用到的数据类型(没学)

---

                       三    算术运算符                         

---

1   算术运算符号归纳     

 运算符号有+(加法)，-(减法)，*(乘法)，/(除法)，%(求余)，**(幂运算)，++(自增)，--(自减) 

---

2   运算规则与使用     

使用规则

1.可以在console.log()的括号中使用运算符号

2.可以在声明的时候使用如图所示

使用方法

        1.自增和自减运算符号使用 

介绍了如何使用自增和自减

---

3   赋值运算符归纳     

赋值运算符有+=(加等) =(直接赋值) -=(减等) /=(除等) *=(乘等) %=(取余等)

---

4   运算规则与使用     

使用规则

---

5   比较运算符归纳     

比较运算符有 !=(不等于不比较地址) ==(等等与不比较地址) ===(即比较值又比较地址) !==(即比较值又比较地址)

使用规则

5   逻辑运算符归纳    

逻辑运算符号有  ||(或)  &&(与·)

使用规则

&&同真则真，有假则假

||有真则真，同假则假 

---

                         四    流程控制                          

---

1   选择结构     

1.switch中的()里面代表表达式或者是一个变量

2.case 后面的值代表着变量实际的值

3.在每一个case里面代码块最后一行一定要使用break否则就会执行完在继续执行

使用规则

2   跳转语句     

使用规则1-break例子

该语句示例在执行到i=3的时候log内容之后不执行i=4..

一般使用在for循环里面在要求执行完之后不在执行后面的循环

使用规则2-continue例子

该语句示例在i=3的时候将不会执行log在但是这之后会执行i=4..的条件判断内容

---

                         五    数组                           

---

1   认识数组     

 1.​​​​数组是一种复杂数据类型用于将一组数组集合在一起通过一个变量就可以访问一组数

 2.数组之间每个元素通过逗号分隔

 3.数组中的索引下标是从0开始计算的

使用规则

每个数组之间的元素通过 , 分隔开来整体由 [] 包括 

 2   数组属性与操作     

1.数组长度的获取通过数组名.length获取数组长度=数组元素个数

2.数组对于每个,,,如果中间没有元素也算一个长度

3.数组可以是任意类型的元素，数字字符串，数字，数组

 1.创建数组     

 Array()里面可以填要存放数组的个数(长度) new Array()

 直接创建一个长度为0的空数组

 2.修改数组长度      

number代表着要修改的长度 

 如图所示可以是关键字字符串等待其他内容

 3   遍历数组     

1.通过for循环或者foreach(增强for循环)来拿到数组中的元素

 class02代表一个数组通过.length拿到长度然后使用for循环拿到每一个下标[n](数组默认0)

---

                         六    函数                           

---

函数是 JavaScript 中的基本组件之一。JavaScript 中的函数类似于过程，一组执行任务或计算值的语句。但要成为函数，这个过程应该接受输入并返回与输入存在某些明显关系的输出。要使用一个函数，你必须将其定义在你希望调用它的作用域内。

定义很难理解?   

就是一个你已经做好的方法帮你去做一些事情比如求和等等传入参数最后直接返回

 1  定义一个函数     

name代表函数的名字params代表你传入的参数 

2  函数的各种形式    

 1.回调函数     

你定义的函数最终是要帮你完成一个任务的返回一个最终值

 这个是一个求和的函数你传入num1，num2最后得到给你他们的和

这是一个回调函数就是图中求和函数最后得到a和b的和在返回出去a+b

 2.定时器函数     

定时器函数就是多加了个隔几秒执行一次预先设定的函数

第一种在打开后隔一段时间只执行一次setInterval(函数,毫秒数)

第二种在打开后隔一段时间执行一次setTimeout(函数,毫秒数)

 当页面打开后隔5毫秒就只执行一次

 当页面打开后每隔20毫秒执行一次 

 3.闭包函数       

闭包函数(close) 闭包是一种代码形式，内部函数访问外部函数的局部变量

举例 : js 函数a中有一个函数b访问了函数a里面定义的局部变量，此时就产生了闭包

变量所在的函数就是闭包函数，再在这里a就是闭包函数

闭包函数能解决变量同名现象,能减少变量名污染问题

4.递归函数      

递归函数是一种在函数内部多次执行内部函数来完成得到最终结果

这个递归函数在return里面调用了本身，利用return这个性质即一旦return不再执行下面代码

如return a*name(a-1)中 先得到a*name(a-1)的结果再return

---

                          七    对象                          

---

 

(object)对象是什么-一个事物拥有的属性集合在一个整体里，是一个复杂数据类型

其中复杂数据类型内容存储在堆内存中，地址存储在栈内存，以键值对形式存储多个数据使用简单数据类型

 1.认识对象     

定义对象 关键字 对象名字 = {},在{}内部代表它自己拥有的属性Chinese和它对应的值，

正如游戏中的玩家本身具有的属性，其中每个值要用，分隔开来才能放入下一个属性

 2.使用对象内部的属性     

即打印99解释 obj代表对象名 .代表调用chinese obj里面的属性名 最后得到的是:后面的值

 3.遍历对象     

 这个循环是基于for循环的for...in循环 用于遍历对象，其实无需加上if ，key代表属性名字 obj代表对象名字，获取值直接可以obj[key]得到属性值，key得到属性名字

 4.认识js内置对象     

 1.math对象    

math对象提供了许多内部的数学计算方式如获取随机数向上取整向下取整等待，这里就只介绍几种常用的

 

Math.max()求在你加入参数之中求它的最大值如图4，4最大值是4，如果是(1,3,5)那么最大是5

Math.PI得到的是数学中的圆周率3.14159265....

Math.random是获取0.0000000到1.0000000之间的随机数如0.9656544 

 Math.floor是向下取整代表小于()里面的参数如5.6floor后得到的是5，反之与ceil则是向上取整5.6ceil后得到的是6 

 2.date对象    

date对象是js中自带获取时间，计时等对象,系统自带时间戳是1970.1月1日开始计时

 Date.now()代表当前的时间戳从自带1970.1.1日到现在得到现在的时间戳

 

 这段代表代表当前的时间而不是时间戳

 

上面的方法见名知意