call和apply修改this指向

最新推荐文章于 2022-10-08 11:49:38 发布

sheerhr

最新推荐文章于 2022-10-08 11:49:38 发布

阅读量249

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_24871849/article/details/109580572

版权

javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var name = 'Evan';
        var age = 20;
        var person = {
            name: 'Hillary',
            age: 19,
            sayIntroduce: function () {
                return "Hello, My name is " + this.name + " and I'm " + this.age + ' years old.'
            },
            sayHobby: function (val1, val2) {
                return "I'm " + this.name + ", I like " + val1 + " and " + val2 + ".";
            }
        }
        var person1 = {
            name: 'Coy'
        }
        console.log(person.sayIntroduce()); // Hello, My name is Hillary and I'm 19 years old.

        //当我们通过 call 和 apply 来this的指向时，不传任何参数，则默认为将this指向修改为 windows
        console.log(person.sayIntroduce.call()); // Hello, My name is Evan and I'm 20 years old.
        console.log(person.sayIntroduce.apply()); // Hello, My name is Evan and I'm 20 years old.

        // 有参数时，this 指向第一个参数：
        // 将this指向 person1，由于person1中没有age属性，因此为 undefined
        console.log(person.sayIntroduce.call(person1)); // Hello, My name is Coy and I'm undefined years old.
        console.log(person.sayIntroduce.apply(person1)); // Hello, My name is Coy and I'm undefined years old.

        // 当需要传递参数时，call可以直接写多个参数，apply需要用数组方式传递：
        console.log(person.sayHobby.call(person1, 'swimming', 'hiking')); // I'm Coy, I like swimming and hiking.
        console.log(person.sayHobby.apply(person1, ['swimming', 'hiking'])); // I'm Coy, I like swimming and hiking.

        // 下面是一个构造函数的例子：

        //构造函数应用
        function Grade(max, min, average) {
            this.max = max;
            this.min = min;
            this.average = average;
        }
        
        function Subject(subjectName,max, min, average) {
            Grade.call(this, max, min, average);
            this.subjectName = subjectName;
        }
        var math = new Subject('math', 99, 60, 80);
        console.log(math);
    </script>
</body>
</html>

sheerhr

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
call和apply修改this指向

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&gt
复制链接

扫一扫