JavaScript学习之创建对象（一）

最新推荐文章于 2024-05-06 15:03:18 发布

「已注销」

最新推荐文章于 2024-05-06 15:03:18 发布

阅读量243

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/KinseyGeek/article/details/68274068

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Object JavaScript</title>

    <script type='text/javascript' charset="utf-8">

        //第一种工厂模式方法
        function createPerson(name,age,sex) {
            var o = new Object();
            o.name = name;
            o.age = age;
            o.sex = sex;

            o.say = function () {
                document.write(o.name + '<br>')
            }

            return o;
        }

        var p = createPerson('Li4',23,'M');
        p.say();

        //第二张构造函数
        //函数的第一个字母大写 （类的模版）
        function Person(name,age,sex){
            this.name = name;
            this.age = age;
            this.sex = sex;

            this.sayHi =  function(){
                document.write('Hello i\'m,' + this.name + '<br>');
            }
        }
        //new 构造一个对象 传递参数
        pp = new Person('Z3',22,'M');
        pp.sayHi();


        //创建对象的三种方法
        document.write('创建对象的三种方法' + '<br>');
        //1.当作构造函数来使用
        var p1 = new Person('name1',11,'W');
        p1.sayHi();
        //2.作为普通的函数区调用
        Person('name2',22,'M');   //调用者式window，在全局环境中定义属性并复制  直接定义在window上
        //3.在另一个对象的作用域上调用
        var o = new Object();
        //call apple
        Person.call(o,'name3',23,'W');
        document.write(o.name + '<br>');



    </script>


</head>
<body>

</body>
</html>

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习之创建对象（一）

Object JavaScript //第一种工厂模式方法 function createPerson(name,age,sex) { var o = new Object(); o.name = name; o.age = age; o.sex = sex
复制链接

扫一扫

专栏目录