1.函数定义有三个部分：函数名，参数列表，函数体

定义函数的格式

 

 

2.函数的几点强调

①函数的声明必须符合小驼峰法则，首字母小写，之后每个单词首字母大写；

②参数列表可以有参数，可以无参数，分别称为有参函数，无参函数；

③声明函数时的参数列表称为形参列表（变量名）；

调用函数时的参数列表称为实参列表（变量值）；

函数中实际有效的参数取决于实参的赋值，未被赋值的形参，将为Undefined

④函数如果需要返回值，可以用return返回结果。

调用函数时，使用var 变量名=函数名；的方式接收返回结果；

如果函数没有返回值，则接受的结果为Undefined；

⑤函数中变量的作用域：

在函数中使用var声明的变量，默认为函数的局部变量，只在函数内部能用；

不用var声明的变量，默认为全局变量（函数中的全局变量必须在函数调用后才能使用）；

函数的形参列表，为函数的局部变量，只在函数内部能用；

⑥函数声明与函数调用没有先后之分，即，调用语句可写在声明语句之前

console.log(num);

var num=10;

funcN();

function funcN(){}

顺序为：

--检查装载--

①var num;————声明变量

② function funcN() ————声明函数

--执行阶段--

③console.log(num);

④ num=10;

⑤funcN();

打印结果为Undefined

【argument对象】

1.作用：用于保存调用函数时所赋值的实参列表；

当我们调用函数并使用实参赋值时，实际上参数已经保存到argument数组中。即使没有形参，也可以使用argument[n]的形式调用参数。

2.arguments数组的个数，取决于实参列表，与形参无关。（顺序从零开始）但当第n个位置的形参、实参、arguments都存在时，形参与arguments 是同步的，即在函数中修改其中一个的值，另一个同步变化

3.argument.callee是argument的重要属性，用来返回argument所在函数的引用：

var timeOutId = setTimeout(function(){
                console.log("setTimeout");
            },5000);
            
setInterval(function(){
                console.log("setInterval");
            },1000);

分为三大类：元素节点、文本节点、属性节点

文本节点跟属性节点为元素节点的两个子节点。

通过getElementById：通过ID获取唯一的节点

1.getElementById("div1")通过id获取唯一节点:多个同名ID只会取第一个

2.getElementsByName()通过Name取到一个数组，包含一到多个节点

使用方式，通过循环，取到每个节点。循环次数，从零开始<数组.length

1.查看属性节点：

2.设置属性节点：

1.className:为元素设置一个新的class名字； div1.className="class1"

2、 .style.:为元素设置一个新的样式.例如：div1.style.backgroundColor="red"

3.style.cssText:为元素同时修改多个样式.例如：div1.style.cssText="width:100px;"

1. tagName属性：获取标签的标签名

2. innerHTML属性：设置或者获取节点内部的所有Html代码

3. innerText：设置或者获取节点内部的所有文字

【JS中的事件分类】
1、鼠标事件：click/dbclick/mouseover/mouseout/mousemove/mousedown/mouseup
2、键盘事件：
    keydown:键盘按下去触发
    keypress：键盘按下并松开的瞬间触发
    keyup：键盘抬起时触发
    
    [注意事项：（了解）]
    ①执行顺序：keydown-keypress-keyup
    ②长按时，会循环不断地执行keydown-keypress
    ③有keydown事件时,不一定有keyup事件，（事件触发过程中，鼠标移走，可能就没有keyup）
    ④keypress只能捕获字母、数字、符号键，不能捕获功能键；keydown/keyup基本可以捕获所有的功能键（特殊除外）
    ⑤keypress区分大小写，keydown和keyup不区分
    ⑥keydown/keyup区分主键盘和小键盘，keypress不区分
    
【确定键盘触发按键】
1、在触发过程中，传入参数e，代表按键时间；
2、通过e.keyCode，确认按键ASCII码值，进而确定按键；
3、所有浏览器系统的写法（一般不必要）：
    var evn = e||event;//取到键盘事件
    var code = evn.keyCode||evn.which||evn.charCode;//取到按键


【JS中的DOM0事件模型】
1、内联模型：直接将函数名作为HTML标签的某个事件属性的属性值；
    eg:<button onclick="func()">按钮</button>
缺点：违反W3C关于HTML与JavaScript分离的基本原则；
2、脚本模型：在JS脚本中通过事件属性进行绑定；
    eg:window.onload = function(){}
3、局限性：同一节点，只能绑定同类型事件

【JS中的DOM2事件模型】
1、添加事件绑定：
IE10之前：btn1.attachEvent("onclick",函数);
其他浏览器：btn1.addEventListener("onclick",函数,true/false);
            参数三：false(默认)，表示事件冒泡；true,表示事件捕获
兼容写法：
if(btn1.attachEvent){
    btn1.attachEvent();
}else{
    btn1.addEventListener();
}

优点：同一节点，可以添加多个同类型事件的监听器；


【JS中的事件流】
1、事件冒泡：当某DOM元素触发某事件时，会从当前DOM元素开始，逐个触发其祖先元素的同类型事件，直到DOM根节点
DOM0模型，均为事件冒泡；
IE中使用：.attachEvents()添加的事件，均为冒泡；
其他浏览器：.addEventsListener添加的事件，当第三个参数为false时，为冒泡。

2、事件捕获：当某DOM元素触发某事件时，会从DOM根节点开始，逐个触发其祖先元素的同类型事件，直到触发到当前元素为止；
只有使用.addEventsListener添加的事件时，并设置第三个参数为true时，才进行捕获；

↓  当前元素        ↑
↓           ↑
冒     父元素           捕
↓           ↑
泡     爷爷元素       获
↓           ↑
↓  DOM根节点     ↑

3、阻断事件冒泡(重点):
IE浏览器中：将e.cancelBubble属性设为true；
其他浏览器：调用e.stopPropagation();方法

兼容写法：

 下面是一个检测你按键的代码：

5.JS中的数组与内置对象

 1、基本概念：
①对象：对象包含一系列无序属性和方法的集合；
②键盘对：对象中的数据，是以键盘对的形式存在的，以键取值；
③属性：描述对象特征的一系列变量。【对象中的变量】
④方法：描述对象行为的一系列方法。【对象中的函数】
2、对象的声明：
①字面量声明：
var obj = {
    key1:value1,  //属性
    key2:value2,
    func:function(){}  //方法
}
=-=对象中的键，可以是任何数据类型，但，一般用作普通变量名（不需要""）即可
=-=对象中的值可以是任何数据类型,但，字符串的话必须用""包裹
=-=多组键值对之间用英文逗号分隔，键值对的键与值之间用英文:分隔
new关键字：
var liSi = new Object();
liSi.name = "李四";
liSi.say = function(){
    console.log("我是:"+this.name);
}
3、对象中属性和方法的读写
①.运算符:
对象内部：this.属性名       this.方法名()
对象外部：对象名.属性名       对象名.方法名()
②通过["key"]调用 : 对象名["属性名"]()
>>>如果key中包含特殊字符，则无法使用第①中方式，必须使用第二种；
>>>对象中，直接写变量名，默认为调用全局变量，如果需调用对象自身属性，则需要通过this关键字
③删除对象的属性和方法：delete 对象名.属性/方法名

OK喽，相信会了这些，写一些原生的JS去实现功能已经不成问题了！个人感觉最重要的还是学会去取节点，能取到想到的节点，什么事都好说。。。