ES6构造函数class 和 ES5构造函数语法

最新推荐文章于 2024-07-25 14:02:05 发布

GLINLIND

最新推荐文章于 2024-07-25 14:02:05 发布

阅读量149

点赞数 1

分类专栏： JS 文章标签： js html5 javascript

本文链接：https://blog.csdn.net/GLINLIND/article/details/105605510

版权

JS 专栏收录该内容

6 篇文章 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>
        // 1, ES5语法
        function Fun1(name, age) {
            this.name = name;
            this.age = age;
        }
        Fun1.prototype.f1 = function () {
            console.log(this.name, this.age);
        }



        // 2, ES6语法  class
        class Fun2 {
            constructor(name, age) {
                this.name = name;
                this.age = age;
            }

            f2() {
                console.log(this.name, this.age);
            }
        }

        const obj1 = new Fun1('张三', 18);
        const obj2 = new Fun2('李四', 20);

        console.log(obj1);
        obj1.f1();
        console.log(obj2);
        obj2.f2();
    </script>
</body>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

GLINLIND

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES6构造函数class 和 ES5构造函数语法

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

扫一扫