ES5/6之对象的创建方式

最新推荐文章于 2023-05-09 22:59:01 发布

Gavincoder

最新推荐文章于 2023-05-09 22:59:01 发布

阅读量179

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript 大前端

本文链接：https://blog.youkuaiyun.com/weixin_39200308/article/details/90441805

大前端同时被 2 个专栏收录

36 篇文章

订阅专栏

Javascript

28 篇文章

订阅专栏

欢迎大家加入我的github项目,一起学习，一起发展

--->全栈工程师进阶学习站
--->我个人的学习及生活小记录
--->行业内最新最群的报告，工作日每日更新

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

</body>
<script>

    // car 字面量方式
    var car = {
        brand: "bmw",
        price: "100w",
        master: "gavin",
        color: "red",
        size: "big"
    }
    //对象属性添加      
    car.time = "10years";
    //console.log(car);

    // stu  工厂模式
    function CreateStu(name, age, gender) {

        var stu = new Object();
        stu.name = name;
        stu.age = age;
        stu.gender = gender;
        return stu;
    }
    var s1 = CreateStu("gavin", 18, "man");
    s1.father = "baba"; //可以再添加属性
    var s2 = CreateStu("ll", 19, "man");

    console.log(s1);
    console.log(s2);

    // house 构造函数
    function House(price, size) {
        this.price = price;
        this.size = size;
    }

    var h1 = new House("100w", "100ping");
    var h2 = new House("1000w", "1000ping");

    console.log(h1);
    h1.father = "baba";  //可以再添加属性
    console.log(h1);
    console.log(h2);



    //es6的class方式 
    class Cat {
        //属性
        constructor(name, color) {
            this.name = name;
            this.color = color;
        };

        //对象还会动,还有方法
        run() {
            console.log("我会跑");
        };
        eat() {
            console.log("我会吃老鼠");
        }
    }

    var cat = new Cat("kitty", "white");
    console.log(cat.name);
    cat.run();
    cat.eat();

</script>

</html>

```闲聊时刻

10年短信公司，互联网100强企业！主营业务：短信（国内和国际）App H5一键免密登录，防薅羊毛接口，图片OCR，空号检测，活跃号检测，人证核验，活体检测，高防ddos攻击等等200多个企业服务接口！需要的联系他13592366783 官方链接：https://zz.253.com/v5.html#/register?uid=1953

自己公司需求偶然间用了一家第三方接口供应商，产品应有尽有，很齐全，对接文档非常详细，彼此都很节约时间，主要非常稳定，包括服务方面很给力，有兴趣的博友，可以联系他，算是对合作伙伴的支持了