目录
2.1 单独使用 nodejs指向{} 浏览器中指向全局对象window
2.2 在函数内部this指向全局对象 nodejs global 浏览器window
一、arguments属性
作用:保存实际参数类数组对象
function foo(){
// 函数内部使用arguments保存实际参数
for(var i=0;i<arguments.length;i++){
console.log(i,arguments[i]);
}
}
foo(1,2,3,4);
若代码可以循环遍历出1,2,3,4和他们的下标,便可知arguments是一种类数组对象
代码运行结果如下:
1.1 callee 属性
callee 属性是arguments内部成员(arguments属性的内部属性)仅当当前函数正在执行时候才可用,callee 属性指向当前执行函数
举一个阶乘的例子让我们更好的理解callee属性:
function fc(n){
// console.log(arguments.callee === fc);//true
if(n==1){
return 1
}
// return n * fc(n-1)
return n * arguments.callee(n-1)
}
console.log(fc(6));
这样便可以求出6的阶乘
代码运行结果如下:
再使用callee属性实现一下斐波那契数列:
斐波那契数列就是让前两项之和等于第三项,所以第一项和第二项都为1
f(0)=1 f(1)=1 f(2)= f(1) + f(0)=2 f(3)= f(2) + f(1) ······
function fb(n){
if(n<=1){
return 1
}
return arguments.callee(n-1) + arguments.callee(n-2)
}
console.log(fb(10));
这样就可以求出10的斐波那契数列
代码运行结果如下:
二、this属性
2.1 单独使用 nodejs指向{} 浏览器中指向全局对象window
console.log(this);
此时的this指向的就是{}
代码运行结果如下:
2.2 在函数内部this指向全局对象 nodejs global 浏览器window
function foo(){
console.log(this)
}
foo();
此时this指向global全局变量
代码运行结果如下:
2.3 在方法中this指向拥有该方法调用者
var obj = {
name:'terry',
age:10,
sayName:function(){
console.log(this);
console.log(this.name)
}
};
obj.sayName();
此时this指向方法的调用者
代码运行结果如下:
2.4 在事件中this指向接收事件的元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button>点击我</button>
<script>
// 1.获取button按钮 再绑定单击事件
var btn = document.querySelector('button');
console.log(btn);
btn.onclick = function(){
console.log(this)
}
</script>
</body>
</html>
此时this指向绑定单击事件的button按钮
代码运行结果如下:
2.5 显示修改this指向
如何修改?
1.call(执行环境对象,实际参数列表)
2.apply(执行环境对象,实际参数数组列表---->[实际参数])
3.bind(执行环境对象)--->返回的是函数本身
bind(执行环境对象,实际参数列表)(实际参数列表)
var obj = {
sayName:function(){
console.log(this.name)
}
};
var obj1 = {
name:'terry'
};
// 修改this 指向 指向obj call方法修改this指向
obj.sayName.call(obj1);
此时this指向本来应该是obj,但是由于我们修改了this指向,所以此时this就指向了obj1
代码运行结果如下: