2021/7/23 JavaScript 利用构造函数创建对象

最新推荐文章于 2023-10-13 20:49:43 发布

weixin_45623387

最新推荐文章于 2023-10-13 20:49:43 发布

阅读量55

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_45623387/article/details/119046357

版权

JavaScript 专栏收录该内容

15 篇文章 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>
    <script>
        //利用构造函数创建对象
        //创建四大天王对象 → 相同的属性：名字 年龄 性别  → 相同的方法：唱歌

        //构造函数的语法格式： 
        /*  
        function 构造函数名() {
            this.属性 = 值;
            this.方法 = function () { }
        }
        //调用格式：
        new 构造函数名();
        
         */

        //代码验证

        function Star(uname, age, sex) {  //构造函数首字母大写可以用于区分普通函数（语法规范）
            this.name = uname;
            this.age = age;
            this.sex = sex;
            this.sing = function (song) {
                console.log(song);
            }

        }

        var ldh = new Star('刘德华', 18, '男');//创建了一个刘德华对象
        //console.log(typeof ldh);
        console.log(ldh.name); //调用ldh的属性
        console.log(ldh['sex']);
        ldh.sing('冰雨') //调用ldh的方法

        var zxy = new Star('张学友', '19', '男')//创建了一个张学友对象
        console.log(zxy['name']);
        console.log(zxy.age);
        zxy.sing('李兰香')


        // 注意 构造函数不需要return 就可以返回结果 返回的结果是对象
        // 调用构造函数必须使用new
        // 只要new Star() 调用函数就能创建一个对象
    </script>
</head>

<body>

</body>

</html>

weixin_45623387

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2021/7/23 JavaScript 利用构造函数创建对象

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> //利用构造函数创建对象 .
复制链接

扫一扫

专栏目录