JS笔记整理

Js

一 什么是js

Js是一门解释型语言，被浏览器解释执行（不用被翻译，运行时直接解释（翻译）从上 到下，一行行被执行）

二 JavaScript和Java语言的区别

没有区别 毫无关系 借用名气

三 js用在哪里

1.表单数据验证      2.动态html    3.用户交互       4.数据绑定    

5.少量数据查询      6.AJAX核心技术

四 js的引入方式

1. 行内样式 写在html头标签里面 用on开头事件中使用js
2. a标签里面，用href属性用”javascrpt:alert(‘url’)”
3. 内部样式，在body结束之前添加scirpt标签
4. 外部样式，通过script中的src 引入

五 js的组成（三部分）

Ecmascript（ecma 262标准）：基本语法和基本对象

变量，数据类型，选择结构，循环结构，函数 数组 字符串

Dom （文档对象模型）：提供操作网页的方法和接口

Bom（浏览器对象模型）：提供操作柳林爱情的方法和接口

六 js的输出

1. 网页输出：document.write(“可以解析html标签”)
2. 弹出框：alert（“内容”）可以中断程序
3. 控制台输出：console.log(“输出内容”)

七 声明变量的方式和区别

Var：声明变量，可以重复声明，可以重复赋值

Let：声明变量，不可重复声明，可以重复赋值

Const：声明常量，不可重复声明，不可重复赋值

八 js的注释方式

单行：//

多行注释：/*内容*/

九 什么是标识符

标识符可以由任意顺序的大小写字母、数字、下划线(_)和美元符号($)组成，但标识符 不能以数字开头，不能是JavaScript中的保留字或关键字。

注意：JavaScript区分大小写

十 命名规范

1. 1. 1. 1. 分隔命名法
         2. 驼峰命名法：大驼峰、小驼峰

十一数据类型有哪些

1. 基本类型： number  string  booleam undefined  null symbol
2. 应用类型： oject（包含 function array date）

十二 输出变量类型

typeof 变量名;

十三 数据的转换

转number

parseInt()转整数           parseFloat()转浮点数

Number()转数值

转Boolean只有五个值为假

1. ””,nan,null,undefined

转字符串 string()

十四 自动转换类型

在运行过程中根据编程语言的运算的语意环境，Javascript会自动进行类型转换

十五 常见的运算符

算术运算符： +   -   *   /  %   ++   --

（++,--分为前后 放在前面: 先自身+1运算,再和其他的运算数计算 放在后面: 先 和其他的运算数计算,再自身+1运算）

比较运算符：==   !=    >   >=   <   <=   ===(全等于)   !==(不全等于)

==（等于）: 比较值的大小是否相等，不比较值的类型 （比较大小）

===(全等于): 既比较值的大小是否相等，又比较值的类型（比较大小，类型）

!=（不等于）：结果和==相反

!==（不全等于）：结果和===相反

条件运算符：(expr1) ? (expr2) : (expr3)

三目运算符有一个结果，当条件成立时，结果为表达式1，否则为表达式2的结果；

逻辑运算符：&&（与）    ||（或）    ! (非)

   && : 有一个为假，即为假; 所有为真，即为真

      或者: || :  有一个为真，即为真; 所有为假，即为假

      非： ! （取反）  !true = false;  !false = true;

                                !undefined = true;

字符串运算符：+

字符串与任何变量进行“+”运算，都是进行字符串连接，

赋值运算符： =   +=   -=   *=    /=    %=

+=：  a+=b      è    a=a+b;

十六 条件分支语句if

单分支语句if

If(条件表达){

语句

}

双分支语句if

if（条件表达式）{

成立执行}else{

不成立执行}

多分支if...else if...else语句

if（条件一）{

语句

}else if(条件二){

语句

}else{

条件都不满足的语句

}

注意 else不是必须的 根据功能选择使用

十七 循环语句

for循环

语法：for (初始化循环变量表达式; 循环条件判定表达式; 循环变量更新表达式){

循环体

}

死循环

死循环：循环条件表达式永远为真

十八 什么是函数

对代码的某功能进行封装 第一种 ：函数声明，必须指定函数名

     第二种：函数表达式，函数名可以选

十九 函数参数

形式参数 函数名的()内

实际参数  函数名后面的括号内填写实际参数

二十 函数的返回值

return 功能代码运算结果

注意：函数第一次遇到return就结束执行，不管return后面还有多少代码都不执 行

如果函数没有指明return，函数默认的返回值为undefined，否则以 return返回值为准

二十一 定义函数三部曲

function 函数名(参数1，参数2){

    //功能代码 （函数体）

    return 返回值；

}

let result = 函数名(实参1, 实参2);

二十二 变量作用域

全局变量：函数外定义的变量，整个程序中都可以使用。

局部变量：在某个特定的函数中定义的变量，称之为局部变量，只能够在函数内部使用

注意：全局变量的特殊形式：在函数内定义但是没有加var，也被作为全局变量使 用。

作用：局部作用域变量用完即销毁，节省内存资源

二十三 什么是系统函数

在浏览器已经定义好的函数， 我们无需定义直接使用即可

二十四 什么是数组？

数组是一组数据有序排列的集合。

数组元素：组成数组的每一个数据称为数组的一个数组元素。

数组索引：每一个数组元素对应一个整数值，称为数组元素索引，或者数组元素下 标。元素索引为非负整数，由0开始依次增加，即第一个元素索引 为0，依次为1，2等。

数组元素的访问：对数组中各个元素，使用数组名加上以方括号”[ ]”括起来的 元素索引进行访问。元素索引为元素在数组中的位置序号。

数组的长度：数组元素的个数称为数组的长度。

二十五 数组的定义

实例化：new Array（）；

字面量：[1,2,3,4]

二十六  数据的基本操作

数组的长度：arr.length

新增：arr[arr.length]=”新的值”

修改：arr[0]=”新的值”

获取：arr[2]

删除：delelt arr[2]

二十七 数组的遍历

for(var i = 0; i< 数组变量.length;++i){

var 元素变量 =  数组变量[i];

}

forEach语法结构：

数组名称.forEach(function(value,index){

value : 数组元素

index : 索引

})

二十八 数组的常用方法：

join()--以指定的符号把数组转为字符串

Pop（）--删除数组的最后一个元素 并返回

Push（）--往数组的最后追加元素

Includes()--检测数组中是否包含某个元素 包含返回true

Splice()--增删改