<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <script type="text/javascript">

             /*

              *

              * 创建一个Person构造函数

              *     - 在Person构造函数中，为每一个对象都添加了一个sayName方法，目前我们的方法是在构造函数内部创建的，

              *         也就是构造函数每执行一次就会创建一个新的sayName方法，也就是所有实例的sayName都是唯一的。

              *         这样就导致了构造函数执行一次就会创建一个新的方法，

              *             执行10000次就会创建10000个新的方法，而10000个方法都是一摸一样的

              *             这是没有必要的，完全可以使所有的对象共享同一个方法

              *

              */

             function PersonOne(name , age , gender){

                 this.name = name;

                 this.age = age;

                 this.gender = gender;

                 //向对象中添加一个方法

                 this.sayName = function(){

                     alert("Hello大家好，我是："+this.name);

                 }

             }

             //创建一个Person的实例

             var per = new PersonOne("孙悟空",18,"男");

             var per2 = new PersonOne("猪八戒",28,"男");

             per.sayName();

             per2.sayName();

             //------------------------------------------------------------------------------------

             //那怎么办呢？试着将sayName方法在全局作用域中定义

             function PersonTwo(name , age , gender){

                 this.name = name;

                 this.age = age;

                 this.gender = gender;

                 //向对象中添加一个方法

                 this.sayName = fun;

             }

             function fun(){

                 alert("Hello大家好，我是:"+this.name);

             };

             //创建一个Person的实例

             var per = new PersonTwo("孙悟空",18,"男");

             var per2 = new PersonTwo("猪八戒",28,"男");

             per.sayName();

             per2.sayName();

             /*

              * 可是将函数定义在全局作用域，污染了全局作用域的命名空间

              *     而且定义在全局作用域中也很不安全

              */

             //------------------------------------------------------------------------------------

             //那么可以怎么改呢？向原型中添加sayName方法

             /**

              * 以后我们创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中，

              *     这样不用分别为每一个对象添加，也不会影响到全局作用域，就可以使每个对象都具有这些属性和方法了

              */

             function PersonThree(name , age , gender){

                 this.name = name;

                 this.age = age;

                 this.gender = gender;

             }

             //向原型中添加sayName方法

             PersonThree.prototype.sayName = function(){

                 alert("Hello大家好，我是:"+this.name);

             };

             //创建一个Person的实例

             var per = new PersonThree("孙悟空",18,"男");

             var per2 = new PersonThree("猪八戒",28,"男");

             per.sayName();

             per2.sayName();

         </script>

     </head>

     <body>

     </body>

 </html>

JS基础_构造函数修改的更多相关文章

  1. JS基础_构造函数

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. JS基础(三)构造函数

    JS中的构造函数 <script language="JavaScript"> window.onload = function(){ function Bottle( ...

  3. JS基础_对象的简介、对象的基本操作

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. JS基础_函数的简介

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. JS基础_基本数据类型和引用数据类型

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. JS基础_数据类型-String类型

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  7. JS基础_标识符

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. JS基础_使用工厂方法创建对象（了解下就行了，用的不多）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. JS基础_全局作用域

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

随机推荐

  1. github又提交不了代码了..... X_X

    如下: 我们使用git提交代码过程中,突然就登录不上了 原因是 用户名被更改了:git@gitlab.0easy.com 是你的用户名 造成的原因是: 我们clone代码过程中选择了SSH的地址 解决 ...

  2. jeecg使用心得

    接触到jeecg框架是在去年,接触到了jeecg开源框架,此框架为企业级急速开发框架,不了解的可以百度下这类框架的,对于目前状态来说,此框架确实也满足了所需,此刻就开始接触jeecg框架,去年六七月份 ...

  3. Docs-.NET-C#-指南-语言参考-预处理器指令：#define（C# 参考）

    ylbtech-Docs-.NET-C#-指南-语言参考-预处理器指令:#define(C# 参考) 1.返回顶部 1. #define(C# 参考) 2018/06/30 使用 #define 来定 ...

  4. 阶段5 3.微服务项目【学成在线】_day16 Spring Security Oauth2_07-SpringSecurityOauth2研究-Oauth2授权码模式-资源服务授权测试

    下面要完成  5.6两个步骤 3.3.4 资源服务授权 3.3.4.1 资源服务授权流程 资源服务拥有要访问的受保护资源,客户端携带令牌访问资源服务,如果令牌合法则可成功访问资源服务中的资 源,如下图 ...

  5. Oracle客户端下载地址

    https://www.oracle.com/database/technologies/instant-client/downloads.html

  6. 【创业】2B创业历程

    http://www.woshipm.com/chuangye/2800111.html http://www.woshipm.com/chuangye/2803240.html http://www ...

  7. （十七）super关键字（转）

    --本文摘自孤傲苍狼博客. 一.super关键字

  8. iis启动异常 0x80072749

    错误提示: “/”应用程序中的服务器错误. 无法向会话状态服务器发出会话状态请求.请确保 ASP.NET State Service (ASP.NET 状态服务)已启动,并且客户端端口与服务器端口相同 ...

  9. Docker 容器的资源限制 cgroup(九)

    目录 一.cgroup简介 二.CPU资源配额控制 1.CPU份额控制 2.CPU周期控制 3.CPU core控制 4.CPU配额控制参数的混合使用 二.对内存的限额 三.对 Block IO 的限 ...

  10. 【WPS单元格】汉字转拼音的方法

    昨晚休息的时候,赵 sir发来消息,突然有急事,需要把大批量的单元格汉字名字转换为拼音.迅粗略搜了下百度,发现office Excel 是很方便的,而赵 sir电脑装的是wps.百度了下,发现关于WP ...