Javascrip第一天总结

一、Javascript概述
1. 什么JavaScript？
Javascript是一门（基于对象）和（事件驱动）的（客户端脚本）语言。
2. 与java有什么关系 ？ 没有任何关系
3. 哪一年？哪一个公司？谁？第一个名字叫啥？
1995年 网景 布兰登 liveScript
4. ECMA-262 :W3C第一套标准
5. javascript 包含哪几部分？
1. ECMAScript
2. DOM
3. BOM
二、如何引入JS？
1. 内部脚本
注： 1. 必须是双标签
2. 引入外部脚本的标签中，尽量不要写任何内容，因为写了也不执行。
三、 如何输出？
1. alert() : 以警告框的方式，以终止后面语句的执行。
2. document.write() : 输出在页面中，会影响页面中原有的布局。
3. console.log() : 输出控制台中，不影响用户体验，可以输出对象的详细信息。
四、 如何换行？
1. 页面中 ‘
’
2. 非页面中 转义字符 : 将具有特殊含义的符号转义成普通字符
\n : 换行
\t : 相当于tab 空格（一次空8格）
如： 输出 “中国”
五、注释
1. //注释内容 ：单行注释
2. /* 注释内容 */ : 多行注释 块注释 段落注释
3.作用：
1》 对代码的解释
2》 注销
六、JS中的数据类型
基本数据类型： Number Boolean(布尔） String(字符串): 只要放到引号中的数据都叫字符串 3 ‘3’ true false
特殊数据类型： null undefined
复合数据类型：Object(对象)

官方：
基本数据类型： Number  Boolean   String null undefined
复合数据类型： Object

七、标识符的命名规则：
1. 只能包含字母、数字、下划线、$、中文
2. 不能以数字开头
3. 不能是关键字或保留字
4. 语句化
5. 驼峰命名
1》 大驼峰： DaTuoFeng (一般用于类名或构造函数名）
2》 小驼峰： xiaoTuoFeng gangAn
6. 匈牙利命名法：
整数(int) iNum
小数（float) fNum
布尔值 boo
字符串 str
数组（array) arr
函数（function) fn
对象（Object) o
正则（regExp) re
八、变量与常量
1. 常量 ： 永恒不变的量 3 “” true false null undefined {}
2. 什么是变量？
变量就是在内存中开辟一块空间，负责存储数据，且随着程序的运行，该空间中的数据可能会发生变化，所以称为变量。
3. 如何声明变量?
1> 显式声明 var 变量名,变量名,变量名;
2> 隐式声明 变量名 = 值;
4. 如何给变量赋值？
1》 初始化变量（变量赋初
九、运算符与表达式
1. 自增++ 自减-- i ++ ++ i
运算逻辑： 从上到下，从左到右依次执行表达式中的值，如果变量在左边，先取出变量中的值参数其它运算，再将变量中的值 + 1 或 -1；如果运算符在左边，则先将变量中的值 + 1或- 1，再变量中的值参数其它运算
2. 算术运算符：
* : 乘
规则：
1》 Number类型之间相乘，直接相乘
2》 Number与String类型相乘，先将String转换成Number,再相乘； 如果是纯数字字符串，转为数字再相乘，否则，转为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》undefined 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 == false); //false
console.log(null == 0); //false
console.log(null == ‘’); //false
console.log(null == undefined); //true
console.log(null === undefined); //false
console.log(NaN == NaN); //false
4. 逻辑运算符(false,0,’’,null,undefined,NaN)
！ ： 非
非真即假，非假即真
&& ： 与
规则： 如果&&左边的表达式的值为true时，则返回&&右边表达式的值
如果&&左边表达式的值为false时，发生短路，则返回&&左边表达式的值
eg:
var a;
var b = 3 == ‘3’ && (a = 5);
var c = !b !== 0 && (a = 8);
var d = 3 + 2 === ‘5’ && (a = 10);
console.log(a,b,c,d);
|| ： 或
规则： 如果||左边表达式的值为true时，发生短路，则返回||左边表达式的值
如果||左边表达式的值为false时，则返回||右边表达式的值
eg:
var a;
var b = 3 == ‘3’ || (a = 5); //b = true
var c = !b !== 0 || (a = 8); //c = true
var d = 3 + 2 === ‘5’ || (a = 10); //a = 10 d = 10
console.log(a,b,c,d);
5. 三元（三目）运算符 （条件运算符）
？：
格式： 条件 ？表达式 ： 表达式
逻辑关系： 先计算条件，值为true, 执行？后的表达式，值为false，执行：后的表达式

	// 判断一个成绩是否合格？
	//prompt('提示语句','默认值') : 具有输入功能及确定和取消按钮的弹框
	var fNum = prompt('请输入一个成绩：','如：88');
	// fNum >= 90 ? '合格' : '不合格'
	console.log(fNum >= 90 ? '合格' : '不合格');
	
	// 判断一个数是正数还是负数？
	var iNum = prompt('请输入一个成绩：');
	// iNum == 0 ? '既不是正数，也不是负数' : iNum > 0 ? '正数' :  '负数'
	console.log(iNum == 0 ? '既不是正数，也不是负数' : iNum > 0 ? '正数' :  '负数');
6. 赋值运算符
	1. 简单赋值  =
	2. 复合算术赋值运算符  +=   -=   *=  /=   %=
	运算逻辑 ：先取运算符左边变量中的值与运算符右边表达式的值进行相应的算术运算，然后将运算的结果再次赋值给运算符左边的变量。
	
	eg:
	var a = 3;
	a *= 4 + 3;   // a = a * (4 + 3)
	// a = 3 * 7
	console.log(a);
7. 特殊运算符
	1. new : 创建对象（实例化对象）
	2. typeof : 用户测试数据类型
	eg:
	var iNum = 3;
	var oNum = new Number(3);
	var oStr = new String();
	var oBoo = new Boolean();
	var obj = new Object();
	console.log(typeof iNum,typeof oNum,typeof oStr); //'number' 'object' 'object' 
	
	console.log(typeof 8);  //Number   'number'
	console.log(typeof '8'); //String   'string'
	console.log(typeof true); //Boolean  'boolean'
	console.log(typeof null); //Object   'object'
	console.log(typeof undefined); //undefined    'undefined'
	console.log(typeof NaN); //Number   'number'
	console.log(typeof []); //Object   'object'
	console.log(typeof {}); //Object    'object'
	console.log(typeof typeof 8); // String  'string'
	//  typeof 8   'number'   typeof 'number'   'string'

十、 数据类型转换
1. 自动转换
2. 强制转换
1》 parseInt(‘字符串’, 2~36的整数范围) : 将以有效数字开头的字符串转为整数，否则转为NaN
第二个参数如果是0，或者省略第二个参数时，都第一个参数为10进制
第二个参数如果<2 或 > 36 结果一定是NaN
第一个参数如果没符合第二个参数的进制，结果也是NaN
2》 parseFloat(‘字符串’) : 将以有效数字开头的字符串转为小数，否则转为NaN
3》 Number() : 将(纯)有效数字字符串转为数字，否则 转为NaN
十一、内置函数
eval() : 解析字符串，将字符串解析为表达式并返回结果
十二、进制
逢几进一
二进制 ： 0 1 1 + 1 = 10
八进制 ： 0~7 7 + 1 = 10
十进制 ： 0~9 9 + 1 = 10
十六进制 ： 0~9 A~F F + 1 = 10