函数
# 1. 定义方法
1. 静态方法
function 函数名([虚参列表]){
函数体;
[return[函数返回值;]]
}
2
3
4
2. 动态匿名方法
var 函数名 = new function(["虚参列表"],"函数体")
3. 直接量方法
函数名 = function([虚参列表]){函数体;}
# 2. 调用方法
2.1 直接调用
函数名(实参列表)
2.2 链接中调用
<a href="javascript:函数名()">a标签</a>
2.3 在事件中调用
事件类型 = "函数名()"
2.4 递归调用
在函数体内部调用函数自身
function 函数名(){
代码
函数名();
}
2
3
4
# 3.方法
# apply
将函数作为对象的方法来调用,将参数以数组形式传递给该方法
语法
function.apply(thisObj,[arg1,arg2,....argN])
# call
将函数作为对象的方法来调用,将指定参数传递给该方法
语法
function.call(thisObj, arg1,arg2,...argN)
var foo = {
value: 1
};
function bar() {
console.log(this.value);
}
bar.call(foo); // 1
//call 改变了 this 的指向,指向到 foo
//bar 函数执行了
2
3
4
5
6
7
8
9
# toString
返回函数的字符串表示
# 4. arguments 对象
arguments是一个对应于传递给函数的参数的类数组对象。
arguments对象是所有(非箭头)函数中都可用的局部变量。
属性
4.1 length
获取函数实参的长度
4.2 arguments.callee
返回当前正在指向的函数
严格模式下,无法使用。
function test() {
console.log(arguments.callee)
}
test(); //fn test
2
3
4
4.3 caler
返回调用当前正在执行函数的函数名
# 5. 函数参数
参数类型
5.1 形参
定义函数时使用的参数,接收调用该函数时传递的参数
5.2 实参
调用函数时传递给函数的实际参数
特性
- 参数个数没有限制;
实参 < 形参: 多余形参 = undefined
实参 > 形参: 多余形参被忽略
参数的数据类型没有限制;
通过 arguments 对象访问参数数组
参数始终按值传递
**基本类型:**传值
**引用类型:**传址
# 6. 指针标识
# 6.1 this
指向当前操作对象
# 6.2 callee
指向参数集合所属函数
# 6.3 prototype
指向函数附带的原型对象
# 6.4 constructor
指向创建该对象的构造函数
# 7. 箭头函数 (ES6)
和普通函数的区别
- 不绑定this,arguments
- 更简化的代码语法。
不绑定this
箭头函数的 this 始终未定义的 this
不绑定arguments
如果你在箭头函数中使用arguments参数不能得到想要的内容。
function(){
console.log('hello')
}
//写成箭头函数后如下:
()=> conosle.log('hello')
2
3
4
5
# 8. 闭包
JavaScript 变量属于本地或全局作用域。
全局变量能够通过闭包实现局部(私有)。
闭包是一种保护私有变量的机制,在函数执行时形成私有的作用域,保护里面的私有变量不受外界干扰。
直观的说就是形成一个不销毁的栈环境。
var add = (function () {
var counter = 0;
return function () {return counter += 1;}
})();
console.log(add()); // 1
console.log(add()); // 2
console.log(add()); // 3
2
3
4
5
6
7
8
变量 add 的赋值是自调用函数的返回值。
这个自调用函数只运行一次。它设置计数器为零(0),并返回函数表达式。
这样 add 成为了函数。最“精彩的”部分是它能够访问父作用域中的计数器。
这被称为 JavaScript 闭包。它使函数拥有“私有”变量成为可能。
计数器被这个匿名函数的作用域保护,并且只能使用 add 函数来修改。
闭包指的是有权访问父作用域的函数,即使在父函数关闭之后。