javascript复习资料第一部分

目录

javascript的概述：

1、组成部分

2、javascript书写位置

2-1、标签中（行内式 不推荐）

2-2、书写在script标签里面（内嵌式）

2-3、书写在外部js文件里面（外链式）

3、变量定义

4、数据类型

4-1、基本数据类型

4-2、复杂数据类型

4-3、检索数据类型

5、数据类型转换

5-1、转字符串toString\String()

5-2、转数值Number\parseInt\parseFloat

5-3、布尔类型转换Boolean

6、运算符及表达式

赋值运算符：=

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

逻辑运算符：&& || ! 与或非

关系运算符：> < >= <= 返回值一定是布尔值

相等运算符：==（等于） !=（不等于） ===（全等于） !==（非全等于）

条件运算符：变量 = 布尔表达式条件 ? 结果一 : 结果二；

---

javascript的概述：

1、组成部分

ECMAScript基础语法

BOM（Browse Object Model）浏览器对象模型

DOM（Document Object Model）文档对象模型

2、javascript书写位置

2-1、标签中（行内式 不推荐）

<a href="javascript:alert('hello')">点我</a>
<input type="button" value="点我" οnclick="alert('行内式')"> 

2-2、书写在script标签里面（内嵌式）

<script>
    console.log('hello world');
</script>

2-3、书写在外部js文件里面（外链式）

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

3、变量定义

使用var关键词（js是弱类型语言）

一个变量只能保存一个值

变量命名规则：

1、只能由数字、字母、下划线、美元符组成

2、不允许数字开头

3、不能使用关键词和保留字

4、严格区分大小写字母

变量命名规范：

1、使用驼峰命名法（Camel标记法）小驼峰

2、不建议中文命名，使用有意义的单词或者拼音（不推荐拼音）

4、数据类型

4-1、基本数据类型

1、Number类型

2、String类型

3、Boolean类型

4、Null类型

5、Undefined类型（未定义 没有值就是undefined 它是Null的派生子类）

console.log(undefined == null);//true
var b, car = null; 
console.log(typeof b == typeof car);//false

4-2、复杂数据类型

1、object（数组array、data日期）

4-3、检索数据类型

typeof

5、数据类型转换

5-1、转字符串toString\String()

转换的数据.toString()

String() （任何数据都能转 强制类型转换，能转换undefined和null）

区别：1、toString不能转换Undefined和Null类型会有错误，String任何数据都能转

5-2、转数值Number\parseInt\parseFloat

Number将任意类型值强制转换为数字类型（强制类型转换）

parseInt转换为整型数据

parseFloat转换为浮点型数据

区别：

1、相同之处是都是从左往右检测

2、parseInt转换整型数据，从左往右检测，直到检测出非数字，则停止检测。小数点在里面默认为无效字符。parseInt允许转换二进制、八进制和十六进制，十进制数尽量避免0开头的写法，使用parseInt转换会被默认转换为八进制

3、parseFloat转换浮点型数据，从左往右检测，直到检测出非数字，则停止检测。首次出现的小数点被认为是有效的。parseFloat只允许接受十进制表示方法，如果八进制使用0开头，会直接忽略0转换为十进制，十六进制出现字母当为无效字符

4、Number强制转换为数字类型，会将转化的内容当成一个整体来看，能转换则转换，不能转换则返回NaN不合法，能转换boolean，true转换为1，false转换为0，转换的值为null时，返回0，为undefined时则返回NaN，转换2.13.14返回NaN

5-3、布尔类型转换Boolean

Boolean（强制类型转换）

string非空则为true，number非0则为true

Boolean转换为false的六个：0，空字符串（""），NaN，undefined，false

6、运算符及表达式

赋值运算符：=

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

先乘除后加减，括号优先

+：1、字符串拼接，符号任意一边是字符串 2、数学运算，两边都是数字或布尔时

前置++：++变量，先改变本身的值，再去运算

后置++：变量++，先运算，后改变本身的值

+= -= *= /= %=

逻辑运算符：&& || ! 与或非

&&：一假则假

||：一真则真

！：双取反转布尔值（!!）

关系运算符：> < >= <= 返回值一定是布尔值

数字之间的比较：依据数值中的大小规律

字符串之间的比较：从左往右依次比较

1、如果两个字符串相同位置上都是数字，只对相对位置上的数字比较大小

字符串"9"大于字符串"10"，比较的是9和1，按位置逐个字符比较

2、由于javascript是一种区分大小写的程序语言，小写字母代码大于大写字母代码

"hello"和"HELLO"比较，hello大于HELLO

3、如果大小写相同，则按照字母表的顺序比较，字母越靠后越大

toLowerCase()可将所有字母转换为小写

toUpperCase()可将所有字母转换为大写

字符串与数字的比较：现将字符串强制转换为数字再进行比较，如果无法转换为数字，则直接返回false

相等运算符：==（等于） !=（不等于） ===（全等于） !==（非全等于）

全等于===、非全等于!==与等于== 、不等于!=的区别：等于与不等于不比较数据类型，全等于与不全等于比较数据类型

条件运算符：变量 = 布尔表达式条件 ? 结果一 : 结果二；

条件判断的升级版，条件表达式为真则结果一输出，为假则结果二输出