Javascript 面向对象(共有方法,私有方法,特权方法,静态属性和方法,静态类)示例讲解

一,私有属性和方法

私有方法:私有方法本身是可以访问类内部的所有属性(即私有属性和公有属性),但是私有方法是不可以在类的外部被调用。 

<script>

/*

    * 私有方法:私有方法本身是可以访问类内部的所有属性(即私有属性和公有属性),但是私有方法是不可以在类的外部被调用。

    */

    //JavaScript对象私有属性,私有方法示例

    function JSClass() {

        //私有变量只有在函数或者对象作用域范围内能访问

        var privateAttribute = "私有属性";

        function privateMethod_A() {

            console.log("私有方法A," + privateAttribute);

        };

        var privateMethod_B = function () {

            console.log("私有方法B," + privateAttribute);

        };

        //私有方法可以在函数作用域范围内使用。

        privateMethod_A();

        privateMethod_B();


        /*

        私有属性和方法还有个特点:都不能用this访问。

        下面几种是不行的:

        this.privateAttribute;

        this.privateMethod_A();

        this.privateMethod_B();

        */

    };

    /*new一个实例*/

    var instance = new JSClass();

    console.dir(instance); //instance实例访问不到私有属性及私有方法

</script>

说明:类的构造函数里定义的function,即为私有方法;而在构造函数里用var声明的变量,也相当于是私有变量。(不过类比于c#这类强类型语言中的私有成员概念还是有区别的,比如无法在非构造函数以外的其它方法中调用) 。

私有方法

对象的私有方法和属性,外部是不可以访问的,在方法的内部不是能this调用对象的公有方法、公有属性、特权方法的。

二,公有属性和方法

公有方法:

1.公有方法是可以在类的外部被调用的,

2.但是它不可以访问类的私有属性。

3.公有方法必须在类的内部或者外部通过类的prototype属性添加。

<spcript>

/*

    * 公有方法:

  * 1.公有方法是可以在类的外部被调用的;

  * 2.但是它不可以访问类的私有属性;

  * 3.公有方法必须在类的内部或者外部通过类的prototype属性添加。

    */

    //JavaScript对象公有属性,公有方法示例

    function JSClass() {

        //公有变量在函数内或者实例都能访问

        this.publicAttribute = "公有属性";

        this.publicMethod_A = function () {

            console.log("公有方法A," + this.publicAttribute);

        };

        //公有方法可以在类的内部添加

        JSClass.prototype.publicMethod_B = function () {

            console.log("公有方法B," + this.publicAttribute);

        };

        //公有方法可以在函数作用域范围内使用,也可以在函索作用域范围外使用,可以被实例调用和继承

        this.publicMethod_A();

        this.publicMethod_B();

        /*

        公有属性和方法有个特点:在内部访问都必须用this访问

        下面几种是不行的:

        publicAttribute;

        publicMethod_A();

        publicMethod_B();

        */

    };

    //公有方法也可以在类的外部通过类的prototype属性添加

    JSClass.prototype.publicMethod_C = function () {

        console.log("公有方法C," + this.publicAttribute);

    };


    /*new一个实例*/

    var instance = new JSClass();

    console.log("实例调用公有属性:" + instance.publicAttribute);

    console.log("实例调用公有方法:" + instance.publicMethod_A());

    console.log("实例调用公有方法:" + instance.publicMethod_B());

    console.dir(instance); //instance实例可以访问公有属性及方法

    //但是,通过实例添加公有属性是不行的

    //instance.prototype.publicMethod_D = function () {

    //    console.log("公有方法D," + this.publicAttribute);

    //};

</script>

公有方法的调用规则

调用公有方法,我们必需先实例化对象

公有方法中通过不this调用公有属性和特权方法,不能使用this调用静态方法和属性,必需裁通过对象本身调用,即对象名。公有方法也不能调用私有方法。

三,特权方法

特权方法:

1.特权方法是可以在类的外部被调用的,

2.但是它可以访问类的私有属性,并且也是可以访问类的公有属性,可以勉强的认为它是一种特殊的公有方法。

3.但是它与上面的公有方法的声明与定义方式不同。特权方法必须在类的内部声明定义。

<script>

/*

    * 特权方法:

  * 1.特权方法是可以在类的外部被调用的;

  * 2.但是它可以访问类的私有属性,并且也是可以访问类的公有属性,可以勉强的认为它是一种特殊的公有方法;

  * 3.但是它与上面的公有方法的声明与定义方式不同。特权方法必须在类的内部声明定义。

    */

    //JavaScript对象特权方法示例

    function JSClass() {

        //私有变量只有在函数或者对象作用域范围内能访问

        var privateAttribute = "私有属性";

        //私有方法

        function privateMethod() {

            console.log("私有方法");

        }

        //通过使用this关键字定义一个特权方法

        this.privilegeMethod = function () {

            //在特权方法中可以访问私有属性和私有方法

            console.log("特权方法," + privateAttribute + "," + privateMethod());

        };

    };

    /*new一个实例*/

    var instance = new JSClass();

    console.log("实例调用特权方法:" + instance.privilegeMethod());

    console.dir(instance); //instance实例可以访问公有属性及方法

    /*

    * 特权方法浏览器兼容支持性很差,避免使用!

    */

</script>

特权方法的调用规则

特权方法通过this调用公有方法、公有属性,通过对象本身调用静态方法和属性,在方法体内直接调用私有属性和私有方法。

公有方法:就是所有通过该类实例化出来的对象,共同都拥有或者说都可以使用的方法。一般把共用的方法,都放在“原型对象“当中,如果放在构造函数中,会重复创建共同的方法。

私有方法:不能在外部调用。

特权方法:利用的闭包原理,即通过作用域链,让内部函数能够访问外部函数的变量对象(即该类的私有变量、私有方法)。

四,静态属性和方法

静态属性和方法: 

无需实例化(即无需用new操作符实化对象)就可以调用的方法就叫静态方法。

<script>

/*

    * 静态属性和方法:

  * 无需实例化(即无需用new操作符实化对象)就可以调用的方法就叫静态方法。

    */

    //JavaScript对象静态属性和方法示例

    function JSClass() { };

    JSClass.staticAttribute = "静态属性";

    JSClass.staticMethod = function () {

        return "静态方法," + JSClass.staticAttribute;

    };

    //无需实例化(即无需用new操作符实化对象)就可以调用的方法就叫静态方法。

    console.log(JSClass.staticAttribute);

    console.log(JSClass.staticMethod());

    /*new一个实例*/

    var instance = new JSClass();

    //instance.staticAttribute; //错误!

    //instance.staticMethod(); //错误!

    console.dir(instance); //instance实例不可以访问静态属性及方法

</script>

静态方法的调用规则

使用静态方法时,无需实例化对象,便可以调用,对象实例不能调用对象的静态方法,只能调用实例自身的静态属性和方法。

五,静态类

静态类: 

无需实例化(即无需用new操作符实化对象)就可以调用的方法就叫静态方法,

只包含静态属性和静态方法的类叫静态类,不能被实例化。

<script>

/*

    * 静态类:

  * 无需实例化(即无需用new操作符实化对象)就可以调用的方法就叫静态方法,

    * 只包含静态属性和静态方法的类叫静态类,不能被实例化。

    */

    //JavaScript对象静态类示例

    var jsStaticClass = {

        staticAttribute_A: "静态属性A",

        staticMethod_A: function () {

            //静态方法内部可以访问静态属性

            return "静态方法A," + this.staticAttribute_A + "," + jsStaticClass.staticAttribute_A;

        }

    };

    //静态属性和方法也可以在外部定义和访问

    jsStaticClass.staticAttribute_B = "静态属性B";

    jsStaticClass.staticMethod_B = function () {

        //静态方法内部可以访问静态属性

        return "静态方法B," + this.staticAttribute_A + "," + jsStaticClass.staticAttribute_B;

    };

    //无需实例化(即无需用new操作符实化对象)就可以调用的方法就叫静态方法。

    console.log(jsStaticClass.staticAttribute_A);

    console.log(jsStaticClass.staticAttribute_B);

    console.log(jsStaticClass.staticMethod_A());

    console.log(jsStaticClass.staticMethod_B());

    //var instance = new jsStaticClass(); //静态类不能被实例化!

</script>

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,108评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,699评论 1 296
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,812评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,236评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,583评论 3 288
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,739评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,957评论 2 315
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,704评论 0 204
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,447评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,643评论 2 249
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,133评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,486评论 3 256
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,151评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,108评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,889评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,782评论 2 277
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,681评论 2 272

推荐阅读更多精彩内容

  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,037评论 0 21
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,103评论 18 139
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,622评论 2 17
  • // 三大特性封装:隐藏内部是吸纳,仅开发接口。继承:一个对象的成员被另一个对象所使用。语法上体现为代码的共用。多...
    老夫不才阅读 782评论 0 1
  • 没有要说的,怎麽办
    张可der阅读 134评论 0 0