js静态私有变量（将方法变成原型模式，被所有实例共享，而方法操作变量，故变量是静态）

一、总结

1、js函数中的private和public：js函数中的私有变量 var 变量名，公有变量 this.变量名

2、js静态私有变量：将方法变成原型模式，被所有实例共享，而方法操作变量，故变量是静态

3、js静态私有变量的作用：js中的static：解决变量静态的问题，就是java中static的作用

4、js中的get和set方法：也就是js中一般对象的定义方法

     function People(_name){

       var name=_name; //私有，外部无法访问

       this.getName=function(){ //公有，外部可以访问

         return name

       }

       this.setName=function(value){ //set函数

         name=value

       }

     }

     var p1=new People('张三');

     alert(p1.getName())

     p1.setName('李四')

     alert(p1.getName())

二、js静态私有变量

静态私有变量

通过块级作用域(私有作用域)中定义私有变量或函数，创建对外公共的特权方法;

  • 首先创建私有作用域
  • 定义私有变量或函数
  • 定义构造函数和特权方法
  • 这种方式创建的私有变量因为使用原型而实现共享。
  • 同时由于共享，实例也就没有自己的私有变量。

三、代码

 <!DOCTYPE html>

 <html lang="zh-cn">

 <head>

   <meta charset="utf-8">

   <title>课堂演示</title>

 </head>

 <body>

   <script>

   /*

   //通过构造方法传参来访问私有变量

     function People(_name){

       var name=_name;

       this.getName=function(){

         return name

       }

       this.setName=function(value){

         name=value

       }

     }

     var p1=new People('张三');

     alert(p1.getName())

     p1.setName('李四')

     alert(p1.getName())

   */

   (function(){

     var name='张三';

     User=function(){} //构造函数

     User.prototype.getName=function(){

         return name

       }

     User.prototype.setName=function(value){

         name=value

       };

   })()

   var VIP1=new User() //因为Uer()是私有函数，所以外部无法访问。

   //alert(VIP1.getName())

   VIP1.setName('李四')

   //alert(VIP1.getName())

   var VIP2=new User()

   alert(VIP2.getName()) //结果是李四

   </script>

 </body>

 </html>

js静态私有变量（将方法变成原型模式，被所有实例共享，而方法操作变量，故变量是静态）的更多相关文章

  1. javascript创建对象的方法--动态原型模式

    javascript创建对象的方法--动态原型模式 一.总结 1.作用:解决组合模式的属性和函数分离问题  2.思路:基本思路和组合模式相同:共用的函数和属性用原型方式,非共用的的函数和属性用构造函数 ...

  2. 详解Java中的clone方法：原型模式

    转:http://developer.51cto.com/art/201506/478985.htm clone顾名思义就是复制, 在Java语言中, clone方法被对象调用,所以会复制对象.所谓的 ...

  3. js面向对象的程序设计 --- 中篇(创建对象) 之 原型模式

    ·原型模式 我们创建的每一个函数都由一个prototype(原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有 实例共享的属性和方法. 如果按照字面意思来理解,那 ...

  4. JS --- 原型模式

    创建一个对象,先来看一段代码: // 例如创建一个 Person 的构造函数, 让人有名字, 可以说话 function Person ( name ) { this.name = name; // ...

  5. js设计模式：工厂模式、构造函数模式、原型模式、混合模式

    一.js面向对象程序 var o1 = new Object();     o1.name = "宾宾";     o1.sex = "男";     o1.a ...

  6. JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)

    什么是面向对象?面向对象是一种思想. 面向对象可以把程序中的关键模块都视为对象, 而模块拥有属性及方法. 这样如果我们把一些属性及方法封装起来,日后使用将非常方便,也可以避免繁琐重复的工作.   工厂 ...

  7. JS面向对象（1）——构造函数模式和原型模式

    1.构造函数模式 构造函数用来创建特定的类型的对象.如下所示: function Person(name,age,job){ this.name=name; this.job=job; this.ag ...

  8. JavaScript中的类方法、对象方法、原型方法

    类方法:也叫函数方法,在JavaScript中函数也是一个对象,所以可以为函数添加属性以及方法: 对象方法:包括构造函数中的方法以及其原型上面的方法: 原型方法:一般用于对象实例共享,在原型上面添加该 ...

  9. 06JS高级创建对象使用原型共享对象方法

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

随机推荐

  1. Cloudera Hue是什么?

     Hue是cdh专门的一套web管理器,它包括3个部分hue ui,hue server,hue db.hue提供所有的cdh组件的shell界面的接口.你可以在hue编写mr,查看修改hdfs的文件 ...

  2. Elasticsearch之需要注意的问题（es和jdk版本）

    (1)在使用java代码操作es集群的时候 要保证本地使用的es的版本和集群上es的版本保持一致.  (2)保证集群中每个节点的JDK版本和es基本配置一致 这个很简单,不多说.  (3)es集群中j ...

  3. 洛谷P2192 HXY玩卡片

    题目描述 HXY得到了一些卡片,这些卡片上标有数字0或5.现在她可以选择其中一些卡片排成一列,使得排出的一列数字组成的数最大,且满足被90整除这个条件.同时这个数不能含有前导0,即0不能作为这串数的首 ...

  4. Kali linux查看局域网内其他用户的输入信息

    使用nmap 工具在局域网里进行侦探,查看局域网里ip存活数量 root@kali:~# nmap -sP 192.168.1.0/24 Starting Nmap 7.60 ( https://nm ...

  5. 【CS Round #39 (Div. 2 only) B】Circle Elimination

    [Link]:https://csacademy.com/contest/round-39/task/circle-elimination/ [Description] [Solution] 把n个点 ...

  6. Android eclipse 提示java代码 快捷键

    1.提示java代码能够用ALT+/ 键就能够了(前提是你要把你须要的类或方法的首字母打出来).我添加的部分:仅仅要输入sysout,然后alt+/键就能够输出System.out.prinln(), ...

  7. ThreadLocal使用演示样例

    MainActivity例如以下: package cc.cv; import android.os.Bundle; import android.app.Activity; /** * Demo描写 ...

  8. 重建一些被PHP7废弃的函数，

    <?php if(!function_exists('ereg')) { function ereg($pattern, $subject, &$matches = []) { retu ...

  9. Android开发经验之在图片上随意点击移动文字

    只要在图片范围之内,文字可随意点击移动. package xiaosi.GetTextImage; import android.content.Context; import android.con ...

  10. 43.c++指针类型转换

    数据类型转换(static_cast) //数据类型转换 printf("%d\n", static_cast<int>(10.2)); 指针类型转换(reinterp ...