call与apply的应用场景

最新推荐文章于 2024-04-27 18:34:08 发布

原创最新推荐文章于 2024-04-27 18:34:08 发布 · 942 阅读

0 ·

CC 4.0 BY-SA版权

js高级——面向对象专栏收录该内容

2 篇文章

订阅专栏

博客主要围绕call与apply展开，重点介绍了它们的应用场景。call和apply是JavaScript中重要的方法，在函数调用、继承等方面有广泛应用，能帮助开发者更灵活地处理函数调用和对象操作。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>oop</title>
    <script type="text/javascript">
    /*
    call/apply的功能：
    1、调用函数
    如果call、apply第一个参数传递null或者undefined，那么函数中this不改变
    如果传递别的数据类型就会改为对应的类型
    2、改变所调用函数的内部this指向
    3、借用别的对象的方法
    4、转化类数组
    */
    // 调用函数
    // function foo(n){
    //     console.log(n);
    //     console.log(this);
    // }
    // foo(123);
    // foo.call(null,123);
    // foo.apply(null,[123]);
    // ---------------------------
    // 改变函数this指向
    // function foo(n,m){
    //     return this.a + this.b + m + n;
    // }

    // var obj1 = {
    //     a : 1,
    //     b : 2
    // }
    // var obj2 = {
    //     a : 11,
    //     b : 22
    // }

    // var ret = foo.call(obj1,1,2);
    // var ret1 = foo.apply(obj2,[11,22]);
    // console.log(ret);
    // console.log(ret1);
    // --------------------------------
    // 借用别的对象方法
    // var m = Math.max(12,32,434,435,34,34,34);
    // console.log(m);

    // var arr = [12,32,434,435,34,34,34];
    // var max = Math.max.apply(null,arr);
    // var min = Math.min.apply(null,arr);
    // console.log(max,min);
    // ---------------------------------
    // 转化类数组
    // 类数组与数组的相同点：1、都是对象；2、都有整数形式索引；都有length属性
    //               不同点：1、类数组没有数组相关方法
    var obj = {0:'abc',1:'hello',2:'message',length:3,abc:'hello'};

    // var arr = [1,2,3,4,5,6];
    // var arr1 = arr.slice(0,1);
    // console.log(arr1);

    var arr = [12,32,434,45,455];
    // arr.push(1,2,3);
    // console.log(arr);

    // Array.prototype.push.call(arr,1,2,3,4);
    // Array.prototype.push.apply(arr,[1,2,3,4]);
    // Array.prototype.push.apply(arr,obj);
    // console.log(arr);

    var arr1 = Array.prototype.slice.call(obj);
    arr1.push('tom and jerry');
    console.log(arr1);
    </script>
</head>
<body>

</body>
</html>