7.4 js学习笔记

一、js能做的

　　1.实现页面交互效果

　　2.实现前后端的数据交互

二、js JavaScript

　　直译型的弱类型的脚本语言，也是编程语言

　　脚本 不能独立运行，需要嵌入在其他语言当中，例如：css、js

　　直译 直接翻译，顺序执行代码

　　弱类型 语法较其他语言更为宽松

三、数据

　　1.数字 整型int 浮点型float 

　　2.字符串 string

　　3.布尔值 真true/假false

四、js三大组成部分

　　1.ECMAscript 简称es 是js的核心语法 基础学习版本es5

　　2.BOM browser object model 浏览器对象模型 地址栏、前进、后退、刷新页面...

　　3.DOM document object model 文档对象模型 html

　　注意：代码冗余问题，写出优质代码，对搜索引擎、用户及自身友好

 

一、js引入

　　1.内部引入<script></script> 放在body最下面，先有对象即标签，才能操作

　　2.外部引入<script src=""></script>

　　3.行内js 卸载标签内

二、js输出

　　1.弹窗输出 alert=();  BOM

　　　　函数所带括号内的内容，字符串必须带引号（引号不分单双）  数字、已声明变量不带引号  单引号和双引号可以互相嵌套  不会识别内容中的标签，原样输出

　　2.文档输出 document.write(); DOM

　　　　写入的内容会被body接收，才会识别标签，注意引号问题

　　3.控制台输出 console.log();

三、js的变量和常量

　　1.变量 可改变的数据

　　　　1.1 声明变量 开辟一个空间以存放数据 

　　　　　　方式：1、使用var关键字

　　　　1.2 输出变量 不加引号

　　　　1.3 变量命名规范

　　　　　　包含字母、数字、下划线_、美元符号$，数字不允许开头

　　　　　　命名不得使用关键字和保留字，大小写的都不行，但组合起来可以

　　　　　　　　关键字：在这门语言中有特殊用途的单词

　　　　　　　　保留字：将来可能会被用作关键字的单词

　　　　　　语义化、使用驼峰，下划线、不得使用中划线、见名知意

　　　　1.4 变量赋值

　　　　　　= 表示将等号右边的东西赋值给左边

　　　　　　允许声明的同时赋值，js允许只声明不赋值，允许同时声明多个变量，用 ， 隔开

　　　2.常量 直接使用的数据

四、数据类型

　　1、常见的基础数据类型

　　　　1.1 常规数字 number 通常为十进制、二进制、十六进制数等

　　　　　　特殊：infinity 无穷

　　　　　　另一种特殊：Not a number 简写：NaN 是非数字的集合

　　　　　　　　NaN === NaN 结果为false，NaN不与任何值作比较，包括自己，用于判断是否为NaN的方法为：isNaN(); 结果威布尔值。

　　　　1.2 字符串 string

　　　　1.3 布尔值 boolean

　　　　1.4 undefined 未定义的数据/已声明未赋值的数据 在其它语言中不存在undefined

　　　　1.5 null 空值 object

　　　　注意：在js中规定，null == undefined 成立，null与undefined的区别：

　　　　　　null == undefined  null !== undefined

　　　　　　null和undefined转为布尔值都为false

　　　　　　null转为数字为0 undefined转为数字为NaN

　　　　　　null 空对象，但也是一种值，undefined已声明但没有值。

　　2.数据类型的判断 console.log(typeof a); a指代数据

　　　　typeof typeof 任何值  所得结果都是string

五、运算符

　　1、算术运算符 加减乘除模 + - * / %

　　2、比较运算符 >  <  >=  <=  ==  ===  !=  !==  值为true或false true=1 false=0

　　　　== 只判断值是否相等，不管数据类型

　　　　=== 判断数据类型和数值是否都相等

　　　　!= 只判断值是否不等，不管数据类型

　　　　!== 判断数据类型和数值是否都不等

　　　　a > b > c 这种连等式不成立

　　　　运算符优先级：括号最高级，其次自增、自减，非 ! ，乘除模，加减，比较运算符，与 && ，或 || ，赋值运算符

　　　　即：括号>自增、自减>非>算术>比较>逻辑>赋值

　　3、赋值运算符 =  +=  -=  *=  /=  %

　　　　a += 2; 即a = a + 2;  其余同理

　　4、逻辑运算符 与&& 或|| 非!

　　　　其结果一定是布尔值

　　　　逻辑短路（计算机也知道）：

　　　　　　或 见真即为真

　　　　　　与 见假即为假

　　5、字符串拼接  + 求和、正数、拼接

　　　　var a = 'hello' + 'hi' ; // hellohi 

　　6、自增自减运算 

　　　　　　自增：++a，a++

　　　　　　　　++a: 先自增，再运算

　　　　　　　　a++: 先运算，再自增