【JavaScript高级】浅谈构造函数保姆级教学包会-CSDN博客

本文链接：https://blog.csdn.net/weixin_50112395/article/details/124477150

<!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> </title>
    <style>

    </style>
</head>

<body>
    <script>
        // 矩形:长的正方形
        // 制作一个矩形长：10宽5拥有方法area来计算面积
        var r1 = {
            length: 10,
            width: 5,
            area: function() {
                //长x宽
                return this.width * this.length
            }
        }
        console.log(r1);
        console.log(r1.area());
        // ---------------------------
        // 创建r2 ，长20， 宽 30 area方法，算面积
        var r2 = {
            width: 30,
            length: 120,
            areas: function() {
                return this.width * this.length
            }
        };
        console.log(r2)
        console.log(r2.areas());
        // 他们（area）是同一个函数嘛？
        // 他们在不同的对象中声明的，所以并非同一个函数
        // 创建r3 ，长220， 宽 75 area方法，算面积（你来试试）
    </script>
</body>

</html>

关于this