首页 > Web开发 > 详细

js学习笔记32----new

时间:2017-08-23 09:49:54      阅读:215      评论:0      收藏:0      [点我收藏+]

new:用于创建一个对象。

 

有 new 与 无 new 时的区别,查看下面的示例代码应该会增加感觉:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>有 new 的时候</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script>
           function show(){
               alert(this);
           }
           show(); //弹出 window
           new show(); //弹出 object ,会新创建一个对象
        </script>
    </head>
    <body>
    </body>
</html>

上一篇我们所讲的工厂方式存在的2个缺陷可以能过new来解决,优化后的代码如下:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>new</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script>  
            function createPerson(name,sex){   //构造函数:创建一个对象
                //假想的系统内部工作流程
                //var this = new Object();

                this.name = name;
                this.sex = sex;

                this.showName = function(){
                    alert(我的名字叫+this.name);
                }
                this.showSex = function(){
                    alert(我是+this.sex+);
                }

                //假想的系统内部工作流程
                //return this;
            }
            var p1 = new createPerson(sese,); 
            var p2 = new createPerson(JJ,);
            p1.showName();
            p1.showSex();
            p2.showName();
            p2.showSex();         
        </script>
    </head>
    <body>
    </body>
</html>

 

js学习笔记32----new

原文:http://www.cnblogs.com/sese/p/7414365.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!