JavaScript之Prototype学习（二）

最新推荐文章于 2024-04-25 14:26:43 发布

「已注销」

最新推荐文章于 2024-04-25 14:26:43 发布

阅读量296

点赞数

分类专栏： JavaScript

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

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

代码:

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

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


        function Person(id) {
            this.id = id;
        }

        Person.prototype = {
//            constructor : Person,
            name : 'z3',
            age : 25,
            job : 'programmer',
            say : function () {
                window.document.write('我是原型对象中的方法.' + '<br><br>');
            }
        }

        // ECMA5 给原型对象重新设置构造器的方法  Object.defineProperty()
        /*
            3 个参数
            第一个参数: 重设构造器的对象
            第二个参数: 设置什么属性
            第三个参数: options配置项
         */
        Object.defineProperty(Person.prototype, 'constructor',{
           emumerable : false,
           value : Person
        });

        var p = new Person('N0001');
        p.say();
        document.write(p.id + '<br><br>');

        //输出原型对象的构造器
        document.write(Person.prototype.constructor + '<br><br>');

        //枚举对象的属性和方法
        //使用for in 不会输出constructor属性  因为已经设置emumerable 为false
        for (var attr in p){
            document.write(attr + '<br>');
        }


        /**
         * 原型对象的动态特性
         */
        function ProgramLanguage() {

        }

        var c = new ProgramLanguage();

        ProgramLanguage.prototype = {
            name : 'javascript',
            helloWorld : function () {
                document.write('<br><br><br>' + 'Hello world, welcome to javascript.' + '<br><br><br>');
            }
        }

//        c.helloWorld();             //error : Uncaught TypeError: c.helloWorld is not a function


        var c2 = new ProgramLanguage();
        c2.helloWorld();  // it's OK 





    </script>


</head>
<body>

</body>
</html>

结果:

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript之Prototype学习（二）

代码: Prototype Study function Person(id) { this.id = id; } Person.prototype = {// constructor : Person, name : 'z3',
复制链接

扫一扫

专栏目录