构造函数里的this指向

最新推荐文章于 2022-12-26 22:00:44 发布

beibei_niao

最新推荐文章于 2022-12-26 22:00:44 发布

阅读量669

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/beibei_niao/article/details/104693353

版权

本文深入探讨JavaScript中构造函数的使用，重点解析构造函数内部`this`关键字的指向问题，结合实例阐述其在对象创建过程中的行为，帮助开发者更好地理解和应用JavaScript面向对象编程。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>构造函数里的this指向</title>
</head>
<body>
    <script>
        /*
        * this 在面向对象里面的this 构造函数里面的this在构造函数里面，
        * 当new 函数的时候，这个函数就变成了构造函数this单一的就是指向实例化对象
        * 但是可以通过call、apply、bind去改变构造函数里的this指向
        * */
        function Person(){
            this.name = 'Tom';
            this.age = 20;
            this.move = function(){
                console.log(this);  //指向Person
                // play(); //原本指向window
                play.call(this);  //改变this指向，指向Person
                this.eat = function(){
                    console.log('eat的方法');
                    console.log(this);
                }
            }
        }
        function play(){
            console.log(this)
        }
        var p1 = new Person();
        p1.move();
        p1.eat();

最低0.47元/天解锁文章

beibei_niao

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
构造函数里的this指向

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>构造函数里的this指向</title></head><body> <script> /* ...
复制链接

扫一扫