博客列表 >对象基础与dom操作七月十号作业

对象基础与dom操作七月十号作业

珍珠宝宝的博客
珍珠宝宝的博客原创
2019年08月01日 17:05:43539浏览

1. 写一个构造函数来创建对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>构造函数创建对象</title>
</head>
<body>
<script>
    var CreateObj = function() {
        this.domain =  'baidu***';
        this.get =  function(value) {
            var site = '百度: ';
            return site + value;
        }
    };
    var obj1 = new CreateObj();

    console.log( obj1.domain );
    console.log( obj1.get( obj1.domain) );

    var obj2 = new CreateObj();
    console.log( obj2.domain );
    console.log( obj2.get(obj2.domain) );


</script>
</body>
</html>

结果如下图

1564645865(1).png

2. 向构造函数的prototype中添加成员,实现数据在实例间共享

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>向构造函数的prototype中添加成员,实现数据在实例间共享</title>
</head>
<body>
<script>
    var CreateObj = function() {

        this.domain =  'php.cn';
        this.get =  function(value) {
            var name = 'php中文网: ';
        }
    };
    var obj1 = new CreateObj();

    CreateObj.prototype.site = 'baidu***';
    CreateObj.prototype.hello = function() {
        return '百度一下';
    }

    console.log( obj1.site );
    console.log( obj1.hello() );

</script>
</body>
</html>

如下图

微信图片_20190801170322.png


。。。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议