什么是函数?
把一段相对独立的具有特定功能的代码封装起来,形成一个独立实体,就是函数,起个名字(函数名)
函数的作用函数封装一段代码,将来可以重复使用。
函数的定义
函数声明
Function 函数名(){
}
函数表达式
Var 函数名=function(){
}
特点:
函数声明的时候,函数体并不会执行,只有当函数被调用的时候才会执行。
调用函数的语法:
函数的参数
形参和实惨
形式参数:在一个声明函数的时候,为了函数的功能更加灵活,有些值是固定不了的,对于这些固定不了的值,我们可以给函数设置参数。这个参数没有具体的值,仅仅起到一个占位置的作用,我们通常称之为形式参数,也叫形参。
实际参数:如果函数在声明时,设置了形参,那么在函数调用的时候就需要传入对应的参数,我们把传入的参数叫做实际参数,也叫实惨。
函数的返回值
当函数执行完的时候,并不是所有时候都要把结果打印,我们期望函数给我一些反馈,这个时候可以让函数返回一些结果,也就是返回值。
函数通过return返回一个返回值。
函数的调用结果急速返回值,因为我们可以直接对函数调用结果进行操作。
关于函数返回值:
如果函数没有显示的使用return语句,那么函数有默认的返回值:undefined
如果函数使用return语句,那么跟在return后面的值,就成了函数的返回值。
如果函数使用return语句,但是return后面的没有任何值,那么函数的返回值也是:undefind
函数使用return语句后,这个函数会在执行完return语句之后停止并立即退出,也就是说return后面的所有其他代码都不会再执行。
推荐的做法就是妖魔让函数始终都返回一个值,要么永远都不要返回值。
arguments的使用
js中,arguments对象是比较特别的一个对象,实际上是当前函数的一个内置属性。也就是说所有函数都内置了一个arguments对象,arguments对象存储了传递的所有的实惨。arguments是一个伪数组,因此可以进行遍历。
函数扩展
匿名函数
匿名函数:没有名字的函数。
自调用函数
匿名函数不能通过直接调用来执行,因此可以通过匿名函数的自调用的方式来执行。
函数是一种数据类型
函数作为参数
因为函数也是一种类型,可以把函数作为一个函数的参数,在另一个函数中调用。
函数作为返回值
因为函数是一种数据类型,所以可以把函数作为返回值从函数内部返回,这种用法在后面很常见。
作用域
作用域:变量可以起作用的范围。
全局变量和局部变量
全局变量
在任何地方都可以访问到的变量就是全局变量,对应全局作用域。
局部变量
只在固定的代码片段内可访问到的变量,最常见的例如函数内部、对应局部作用域(函数作用域)。
块级作用域
任何一对花括号中的语句集都属于一个快,在这之中定义所有变量在代码块外都是不可见的,我们称之为块级作用域。在ES5之前没有块级作用域的概念,只有函数作用域,现阶段可以认为js没有块级作用域。
静态作用域
变量的作用域是在定义时决定而不是执行时决定,也就是说词法作用域取决于源码,通过静态分析就能确定,因此词法作用域也叫静态作用域。
在js中间词法作用域规则:
函数允许访问函数外的数据。
整个代码结构中只有函数可以限定作用域。
作用域规则首先使用提升规则分析,就近原则。
如果当前作用规则中有名字了,就不考虑外面的名字。
作用域链
只有函数可以制造作用域结构,那么只要是代码,那么只要是代码,就至少有一个作用域,即全局作用域。凡是代码中有函数,那么这个函数就构成另一个作用域。如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域。
将这样的所有的作用域列出来,可以有一个结构:函数内指向函数外的链式结构,就称作作用域链。
预解析
js代码的执行是有浏览器中的js解析器来执行的。js解析器执行js代码的时候,分为两个过程:预解析过程和代码执行过程。
预解析过程:
1.把变量的声明提升到当前作用域的最前面,只会提升声明,不会提升赋值。
2.把函数的声明提升到当前作用域的最前面,只会提升声明,不会提升调用。
Web api
API的概念
API(Application Programming interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而无需访问源码,或理解内部工作机制的细节。
任何开发语言都有自己的API。
API的特征是输入和输出(I/O)。
API的使用方法(console.log())。
Web API的概念
浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)
此处的Web API特指浏览器提供的API(一组方法),Web API在后面的课程中还有其他含义。
js的组成部分
ECMAScipt-javaScript的核心。
BOM-浏览器对象模型。
DOM-文档对象模型。
DOM
文档对象模型(Document Object Model,简称DOM),是 W3C htps:l/www.chinaw3c.org/)组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM.。
DOM节点
HTML文档中的每个成分都是一个节点。
整个文档是一个文档节点。
每个HTMIL标签是一个元素节点。
包含在HTML元素中的文本是文本节点。
每一个HTML属性是一个属性节点。
注释属于注释节点。
nodeName(节点名称)
所包含的元素的标签名称永远是大写的。
元素节点的nodeName是标签名称。
属性节点的nodeName是属性名称。
文本节点的 nodeName永远是|#text。
文档节点的nodeName永远是#document。
nodevalue(节点值)
对于文本节点,nodevalue 属性包含文本。
对于属性节点,nodevalue属性包含属性值。
nodealue属性对于文档节点和元素节点是不可用的。
nodeType(节点类型)
元素节点的nodeType是1。
属性节点的nodeType是2。
文本节点的nodeType是3。
注释节点的nodeType是8。
文档节点的nodeType是9。
获取节点
例如:我们想要操作页面上的某部分(显示/隐藏,动画),需要先获取到该部分对应的节点,再进行后续操作。
基于API函数
由于id名具有唯一性,部分浏览器支持直接使用id名访问元素,但不是标准方式,不推荐使用。
属性操作
dataset:用于获取或设置data-*的属性。
attributes:用于获取或设置所有元素属性,包括自定义属性。
仅用于获取或设置预定义的属性。