JavaScript中函数内部属性

从明天开始好好学习前端

已于 2023-11-27 14:43:07 修改

阅读量147

点赞数 5

文章标签： javascript 开发语言 ecmascript 前端算法

于 2023-11-17 15:10:38 首次发布

本文链接：https://blog.csdn.net/l12345666777/article/details/134462303

版权

一、arguments属性

1.1 callee 属性

二、this属性

2.1 单独使用 nodejs指向{} 浏览器中指向全局对象window

2.2 在函数内部this指向全局对象 nodejs global 浏览器window

2.3 在方法中this指向拥有该方法调用者

2.4 在事件中this指向接收事件的元素

2.5 显示修改this指向

一、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

代码运行结果如下：

从明天开始好好学习前端

关注

5
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中函数内部属性

callee 属性是arguments内部成员（arguments属性的内部属性）仅当当前函数正在执行时候才可用，callee 属性指向当前执行函数。bind(执行环境对象,实际参数列表)(实际参数列表)此时this指向本来应该是obj，但是由于我们修改了this指向，所以此时this就指向了obj1。2.apply(执行环境对象,实际参数数组列表---->[实际参数])若代码可以循环遍历出1，2，3，4和他们的下标，便可知arguments是一种类数组对象。此时的this指向的就是{}
复制链接

扫一扫