JS学习笔记

1.变量作用域
向未声明的 JavaScript 变量来分配值
如果把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。
这条语句：
carname="Volvo";//将声明一个全局变量 carname，即使它在函数内执行。
2.JavaScript 变量的生存期
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
3.variablename=(condition)?value1:value2;
condition=true----->variablename=value1;
condition=false---->variablename=value2;
4.switch语句，变量类型必须一致(要么都是数字，要么都是字符【''和""不区分】)
5.JavaScript 支持不同类型的循环：
for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块
For/In 循环
JavaScript for/in 语句循环遍历对象的属性：
实例：
var person={fname:"John",lname:"Doe",age:25};
for (x in person)
{
txt=txt + person[x];
}
6.break 语句用于跳出循环。跳出最近一层的整个循环，即不再执行循环
continue 用于跳过循环中的一个迭代。跳出循环过程中的一次迭代，继续下一次循环。
7.navigator浏览器信息
8.值类型：使用typeof检测数据类型-----基本数据类型 栈
引用类型：instanof 检测数据类型-----new（）出来的对象 包装类对象 堆
9.运算符：-：对操作数取反；将字符串转成数值eg：-0
10.对象比较：== 和 != === 和 !== 数值和类型都相等/不等 == 和 != 数值相等/不等
11.prototype:增加属性和方法扩展数组定义
添加属性： 构造方法名.prototype.属性（新增属性名）
hasOwnProperty
constructor:引用数组对象的构造函数
指向创造当前对象的构造函数
12.数组方法：
join：用指定分隔符分割数组并转换为字符串
toString toLocaleString
13.正则表达式RegExp regular expression
14.JavaScript 中的所有数字都存储为根为 10 的 64 位（8 比特），浮点数。
15.正则表达式RegExp
g 修饰符用于执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
i 修饰符用于执行对大小写不敏感的匹配。

16.数组排序:
(1)var arrSimple2=new Array(1,8,7,6);
arrSimple2.sort(function(a,b){
return b-a});
解释：a,b表示数组中的任意两个元素，若return > 0 b前a后；reutrn < 0 a前b后；a=b时存在浏览器兼容
简化一下：a-b输出从小到大排序，b-a输出从大到小排序。

(2)倒序reserve
17.逻辑对象Boolean
如果逻辑对象无初始值或者其值为 0、-0、null、""、false、undefined 或者 NaN，那么对象的值为 false。
否则，其值为 true（即使当自变量为字符串 "false" 时）！
18

.Window
popupAlert弹框
alert("");
确认框confirm("")-----返回值:确定true 取消false eg: r=confirm("Press a button!")
提示框prompt("")-----
提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。
如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

19.Timing 计时


“事件冒泡”：事件开始由最具体的元素接受，然后逐级向上传播
“事件捕捉”：事件由最不具体的节点先接收，然后逐级向下，一直到最具体的
“DOM事件流”：三个阶段：事件捕捉，目标阶段，事件冒泡


jQuery

1.ready 和load
//document ready
$(document).ready(function(){ ...code...})
//document ready 简写
$(function(){ ...code...})
ready先执行，load后执行。
要想理解为什么ready先执行，load后执行就要先聊一下DOM文档加载的步骤：
(1) 解析HTML结构。(2) 加载外部脚本和样式表文件。
(3) 解析并执行脚本代码。(4) 构造HTML DOM模型。//ready
(5) 加载图片等外部文件。
(6) 页面加载完毕。//load
ready在第（4）步完成之后就执行了。但是load要在第（6）步完成之后才执行。
ready事件：
ready事件在DOM结构绘制完成之后就绘执行。这样能确保就算有大量的媒体文件没加载出来，JS代码一样可以执行.
load事件：
load事件必须等到网页中所有内容全部加载完毕之后才被执行。如果一个网页中有大量的图片的话，则就会出现这种情况：
网页文档已经呈现出来，但由于网页数据还没有完全加载完毕，导致load事件不能够即时被触发。
2.绑定自定义事件bind