zoukankan      html  css  js  c++  java
  • 前端学习(36)~js学习(十三):this

    解析器在调用函数每次都会向函数内部传递进一个隐含的参数,这个隐含的参数就是this,this指向的是一个对象,这个对象我们称为函数执行的 上下文对象。

    根据函数的调用方式的不同,this会指向不同的对象:【重要】

    • 1.以函数的形式调用时,this永远都是window。比如fun();相当于window.fun();

    • 2.以方法的形式调用时,this是调用方法的那个对象

    • 3.以构造函数的形式调用时,this是新创建的那个对象

    • 4.使用call和apply调用时,this是指定的那个对象

    箭头函数中this的指向:

    ES6中的箭头函数并不会使用上面四条标准的绑定规则,而是会继承外层函数调用的this绑定(无论this绑定到什么)。

    类数组 arguments

    在调用函数时,浏览器每次都会传递进两个隐含的参数:

    • 1.函数的上下文对象 this

    • 2.封装实参的对象 arguments

    例如:

        function foo() {
            console.log(arguments);
            console.log(typeof arguments);
        }
    
        foo();

    arguments是一个类数组对象,它可以通过索引来操作数据,也可以获取长度。

    arguments代表的是实参。在调用函数时,我们所传递的实参都会在arguments中保存。有个讲究的地方是:arguments只在函数中使用

    1、返回函数实参的个数:arguments.length

    arguments.length可以用来获取实参的长度。

    举例:

        fn(2,4);
        fn(2,4,6);
        fn(2,4,6,8);
    
        function fn(a,b) {
            console.log(arguments);
            console.log(fn.length);         //获取形参的个数
            console.log(arguments.length);  //获取实参的个数
    
            console.log("----------------");
        }

    打印结果:

     我们即使不定义形参,也可以通过arguments来使用实参(只不过比较麻烦):arguments[0] 表示第一个实参、arguments[1] 表示第二个实参...

    2、返回正在执行的函数:arguments.callee

    arguments里边有一个属性叫做callee,这个属性对应一个函数对象,就是当前正在指向的函数对象。

        function fun() {
    
            console.log(arguments.callee == fun); //打印结果为true
        }
    
        fun("hello");

    在使用函数递归调用时,推荐使用arguments.callee代替函数名本身。

    3、arguments可以修改元素

    之所以说arguments是伪数组,是因为:arguments可以修改元素,但不能改变数组的长短。举例:

        fn(2,4);
        fn(2,4,6);
        fn(2,4,6,8);
    
        function fn(a,b) {
            arguments[0] = 99;  //将实参的第一个数改为99
            arguments.push(8);  //此方法不通过,因为无法增加元素
        }
  • 相关阅读:
    Linux crontab 命令格式与举例
    my sql 两个 索引 时的 union 与 or 的比较
    网络通信5层传输
    算法 韩信点兵 循环左移数组元素
    sql 提升查询效率 group by option hash group
    微信引流活动:生成带参二维码、发送海报、
    PMP十大知识领域整理
    iis 站点中文乱码 解决方案
    pdb文件及引发的思考
    TFS 创建团队成员及管理
  • 原文地址:https://www.cnblogs.com/Vincent-yuan/p/12423793.html
Copyright © 2011-2022 走看看