JS学习笔记Day1

一、JS概述

　　1.什么是JS？

　　　　是一种基于对象和事件驱动的客户端脚本语言；

　　　　运行环境：浏览器（通过浏览器解释执行）

　　2.JS产生于哪一年，哪个公司，是谁？第一个名字是什么？

　　　　1995年，网景公司、布兰登、liveSpcript

　　3.W3C第一个标准是什么？

　　　　ECMA-262

　　4.JS包含哪几部分？

　　　　1）ECMAScript

　　　　2）DOM

　　　　3）BOM

二、页面中如何引入JS？

　　1.行内引入脚本（事件）（不推荐）

　　2.内部引入脚本<script></script>

　　3.外部引入脚本<script src="index.js"></script>

　　注：外部引入时，script标签中尽量不要写任何内容，如果写了，也不会执行

三、JS中有哪些输出方法？

　　1.alert（）：以警告框的方式输出，执行到alert是，会中断后面程序的执行（一次只能输出一个值）

　　2.document.write（）：输出在页面中，会影响到页面的布局

　　3.console.log（）：输出在控制台中，不会影响用户体验，是程序员最常用的排错工具，他可以输出对象的详细信息（可以输出多个值）

　　注：JS输出方式注意的事项

　　　　如果输出的是字母或者中文，用引号包起来，引号可以是单引也可以是双引；

　　　　如果输出的是数字，引号可加可不加；

　　　　如果输出的是变量，一定不能加引号；

　　　　如果输出的有字符串和变量，字符串和变量之间用+号进行连接

四、如何换行？

　　页面中换行：<br>

　　JS中换行：\n

　　扩展：转义字符 \

　　　　　\t ：空格（8格）相当于键盘上的tab

五、注释

　　//单行文本注释

　　/*多行文本注释*/

六、JS中数据类型有哪些？

　　基本数据类型：Number（数值） String（"字符串" '字符串'） Boolean（true，false）

　　特殊数据类型：null（对象为空） undefined（基本数据类型为空）

　　复合数据类型：Object（对象）

七、标识符的命名规则有哪些？

　　1.命名中只能包含字母、数字、下划线、$、中文（不推荐）

　　2.不能以数字开头

　　3.不是保留数字或关键字

　　4.具有相关含义，语义化命名

　　5.驼峰式命名

　　　　大驼峰：每个单词的首字母大写的命名方式

　　　　小驼峰：出第一个单词的首字母小写，其余每个单词的首字母大写的命名方式

　　6.匈牙利命名法：

　　　　int　　   iNum

　　　　float　　fNum

　　　　　　　　boo

　　　　字符串　str

　　　　char　　ch

　　　　Object　obj

　　　　function  fn

八、什么是变量与常量？

　　1.变量：在内存中开辟一块空间，用于存储数据，在程序运行的过程中，这个数据有可能发生变化，所以称为变量

　　2.常量：永恒不变的量

九、如何声明变量？

　　1.显式声明：var 变量名 = 3，变量名1，变量名2...；

　　2.隐式声明： 变量名 = 5 ；

十、如何给变量赋值？

　　1.初始化变量（给变量赋初值）：声明变量的同时，给他赋值

　　2.先声明，后赋值

十一、运算符

　　1.递增递减运算符

　　　　++　　--

　　　　逻辑思想：从左到右计算，先遇到变量，则先取变量的值参与其他运算，然后再自增或自减1；如果先遇到++或--，则先将变量中的值+1或-1，再参与其他运算

　　2.算术运算符

　　　　* ：乘

　　　　　　逻辑思想：

　　　　　　1）Number类型之间的相乘，正常运算

　　　　　　2）Number/String 与String相乘，先将String类型转化为Number类型，再相乘；如果是数字字符串可以正常转为数字；如果是含有非数字的东西，转换失败，转换成了NaN，乘NaN结果都是NaN

　　　　　　3）true：1 false：0 null：0再计算

　　　　　　4）undefined/NaN，结果为NaN

　　　　/：除

　　　　　　逻辑思想：同乘法

　　　　　　注：非0的数/0：infinity（无穷尽）；0/0：NaN

　　　　%：模（取余）

　　　　　　逻辑思想：同乘法

　　　　-：减

　　　　　　逻辑思想：同乘法

　　　　+：加

　　　　　　逻辑思想：1.如果加号两边有字符串，则起连接作用，连接成新的字符串；

　　　　　　　　　　　2.除第一条以外，true：1；false：0；null：0

　　　　　　　　　　　3.除第一条以外，underfined NaN 结果都为NaN

　　3.关系运算符

　　　　> : 大于 < : 小于 >= : 大于或等于 <= : 小于或等于

　　　　　　逻辑思想：1. Number之间比较，正常比

　　　　　　　　　　　2. Number与String之间比较，先将String转为Number,再比较

　　　　　　　　　　　3. String之间比较： 从左到右依次比较每一个字符

　　　　　　　　　　　4. true : 1 false : 0 null : 0 进行比较

　　　　　　　　　　　5. undefined/NaN false

　　　　== : 等于 != : 不等于 === 全等（恒等） !== 不全等（不恒等）

　　　　　　== 和 != ： 只比较结果 3 == '3'

　　　　　　=== 和!== : 先比较数据类型，再比较结果 3 === '3'

　　　　　　切记：console.log(null == 0); //false

　　　　　　　　　console.log(null == false); //false

　　　　　　　　　console.log(null == ''); //false

　　　　　　　　　console.log(null == undefined); //true

　　　　　　　　　console.log(null === undefined); //false

　　4.逻辑运算符（0,false,'',null,undefined,NaN)

　　　　! : 非

　　　　　　逻辑思想：非真即假，非假即真

　　　　　　注：0、false、null、undefined、NaN、" "都为假

　　　　&& : 与

　　　　　　逻辑思想：如果&&左边表达式的值为true时，则返回右边表达式的值

　　　　　　　　　　　如果&&左边表达式的值为false,短路，则返回左边表达式的值

　　　　|| : 或

　　　　　　逻辑思想：如果||左边表达式的值为true时，短路，则返回左边表达式的值

　　　　　　　　　　　如果||左边表达式的值为false时，则返回右边表达式值

　　5.三元运算符（三目运算符、条件运算符）

　　　　格式：表达式1 ？ 表达式2 ： 表达式3

　　　　逻辑思想：先计算表达式1的值，值为true时，执行？后面的表达式2，值为false时，执行：后面的表达式3

　　6.赋值运算符

　　　　1）简单赋值 =

　　　　2）复合算数赋值：+=、-=、*=、/=、%=

　　　　逻辑思想：先取运算符左边变量中的值，然后与运算符右边表达式的值进行相应的算术运算，最后将结果再次赋值给左边的变量。

　　7.特殊运算符

　　　　1）typeof :检测数据类型

　　　　　　console.log(typeof 3); //"number"

　　　　　　console.log(typeof '3'); //"string"

　　　　　　console.log(typeof true); //"boolean"

　　　　　　console.log(typeof false); //"boolean"

　　　　　　console.log(typeof null); //"object"

　　　　　　console.log(typeof undefined); //"undefined"

　　　　　　console.log(typeof NaN); //"number"

　　　　　　console.log(typeof typeof 3); //"string"

　　　　　　console.log(typeof typeof 3 + 3 - 4); //NaN

　　　　2）new : 创建对象

　　8. 优先级：

　　　　++ -- ！ typeof new

　　　　* / %

　　　　+ -

　　　　> < >= <=

　　　　== != === !==

　　　　&&

　　　　||

　　　　?:

　　　　= *= /= %= += -=

十二、数据类型转换

　　1. parseInt('字符串',整数) : 将以有效数字开头的字符串转为整数，否则转为NaN

　　注：第二个参数整数的范围是 2~36 进制

　　　　1）如果省略第二个参数或第二个参数是0时，默认第一个参数是10进制

　　　　2）如果第二个参数 小于2 或大于36时，结果都是NaN

　　2. parseFloat() ： 强制将以有效数字开头的字符串转为小数，否则转为NaN

　　3. Number() ： 将所有有效数字字符串转为数字，否则转为NaN；特殊：false转为0，true转为1

　　4.Boolean()：强制将某个类型转成布尔类型；0、false、null、undefined、NaN、" "都为假

　　5.名称.toString()：强制将某个类型转成字符串类型；注：不需要参数

　　扩展：

　　6.isNaN() ：判断是否是NaN，如果是，返回true,否则返回false

　　7.eval() ：解析字符串，并返回表达式的结果

十三、代码规范

　　1. 运算符两边各加一个空格

　　2. 写在大括号中的语句，要缩近一个tab键

十四、prompt输入对话框

　　格式：var name = prompt("请输入一个数","默认值")；

　　特点：一个输入框，一个确定按钮，一个取消按钮

　　拓展：.tofixed(n)保留n位小数