javascript--特权方法

Javascript--闭包一节中我们讲解了闭包的作用域和作用域链的特性。了解到在外部一般是不可能访问到内部作用域中的变量的,然而通过闭包我们可以定义特权方法访问私有变量。下面先介绍块级作用域再介绍几种特权方法。

一、模仿块级作用域

Javascript是没有块级作用域的概念的。所以我们在语句块中定义的变量,其作用域是包含函数而非语句块。

function outPut(count){
            for(var j=0;j<count;j++){
                alert(j);
            }
            alert(j);    //计数
        }

在Java、C++语句中,变量j在循环语句结束后就销毁了。但再Javascript中,变量j则是函数outPut的变量。因此我们通过函数表达式的变式来模仿块级作用域。

function outPut(count){
            (function (){
                for(var j=0;j<count;j++){
                    alert(j);
                }
            })();
            alert(j);    //error
        }

这个时候变量j只在私有作用域中有效,运行结束就销毁。这种技术经常在全局作用域中被用在函数外部,从而限制向全局环境中添加过多变量、函数。

二、构造函数访问法

现在我们介绍第一种访问私有变量的方法--构造函数法。私有变量指在函数内部中定义的变量、参数及其它函数。

function Person(name){
            var name=name;
            this.sayName=function(){
                alert(name);
            }
        };
        var person1=new Person("Bob");
        var person2=new Person("Mike");
        person1.sayName();    //Bob
        person2.sayName();    //Mike

sayName()方法就是Person所有实例的一个特权方法。但有个问题:

alert(person1.sayName==person2.sayName);    //false

每个实例的同名特权方法都要重新创建。

三、借用原型访问

function Person(name){
            var name=name;
            Person.prototype.sayName=function(){
                alert(name);
            }
        };
var person1=new Person("Bob");
        person1.sayName();    //Bob
        var person2=new Person("Mike");
        person1.sayName();    //Mike
        person2.sayName();    //Mike
        alert(person1.sayName==person2.sayName);    //true

这种方法每个实例的特权方法都是动态共享的。但每个实例都没有自己的私有变量。

四、组合访问

function Person(name){
            var name=name;
            Person.prototype.sayName=function(){
                alert(name);
            };
            this.sayPrivateName=function(){
                alert(name);
            }
        };

将两种方式融合,看看其访问私有变量的效果:

var person1=new Person("Bob");
        person1.sayName();    //Bob
        person1.sayPrivateName();    //Bob
        var person2=new Person("Mike");
        person1.sayName();    //Mike
        person1.sayPrivateName();    //Bob
        person2.sayName();    //Mike
        alert(person1.sayName==person2.sayName);    //true
        alert(person1.sayPrivateName==person2.sayPrivateName);    //false

私有变量若痛过原型方法访问,私有变量就是动态共享的;若通过实例方法访问,私有变量在每个实例中都有其特异性。而实例属性不同,实例属性将覆盖同名原型属性,且永远是特异性的。

五、模块模式

前面的方法都是为自定义类型创建特权方法,而模块模式是为单例创建特权方法。

var person=function(){
            var name="Bob";    //私有变量
            function privateFunction(){    //私有函数
                alert(true);
            };

            return {
                publicName:name,    //特权属性
                publicMethod:function(){    //特权方法
                    return privateFunction();
                }
            }
        }();
alert(person.publicName);    //Bob
        person.publicMethod();    //true

简言之,如果必须创建一个对象并对其进行初始化,且还要公开一些能够访问这些私有变量的方法,那么就可以使用模块模式。

时间: 2024-10-29 19:07:40

javascript--特权方法的相关文章

Javascript的私有变量和方法、共有变量和方法以及特权方法、构造器、静态共有属性和静态共有方法

一.私有变量:定义在函数内部的属性和方法称之为该函数的私有属性和方法        共有变量:在函数内部通过this创建的对象和方法称之为该函数的共有属性和方法 特权方法:通过this创建的既可以访问该函数的共有属性和方法,也可以访问该函数的私有属性和方法称之为特权方法 构造器:对象在创建的时候调用特权方法来初始化实例的属性,这个方法也称为构造器 /** * 类的内部私有属性.私有方法.特权方法.共有属性和共有方法以及构造器 * @param id * @param bookname * @pa

javascript原型链与特权方法

<pre name="code" class="javascript">function ClassA() { var value=4; this.getValue= function() { return value; } this.setValue= function(value) { this.value=value; } } var instance= new ClassA(); document.write(instance.getValue(

JavaScript面向对象-静态方法-私有方法-公有方法-特权方法,学习

var baseClass= function(){ function show(){//私有方法 alert("访问私有方法"); } function showName(){ alert(this.name); } this.showw = function (){//特权方法 showName(); } } //静态方法 baseClass.showStatic = function(){ alert("访问静态方法"); } //公有方法 baseClass

函数中的私有变量和特权方法

定义 [1][私有变量] 任何在函数中定义的变量,都可以认为是私有变量,因为不能在函数外部访问这些变量.私有变量包括函数的参数.局部变量和在函数内部定义的其他函数 [2][特权方法] 如果在函数内部创建一个闭包,那么闭包通过自己的作用域链也可以访问这些变量.而利用这一点,就可以创建用于访问私有变量的公有方法.有权访问私有变量和私有函数的公有方法称为特权方法. 创建方式 [1][构造函数] 在构造函数内部定义所有私有变量和函数.然后,创建能够访问这些私有成员的特权方法.能够在构造函数中定义特权方法

JavaScript 字符串方法

字符方法<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>字符方法</title> </head> <body> <script type="text/javascript"> /* charAt方法和charCodeAt方法都接收一个参数,基于0的字

Firefox下javascript调试方法

前面博文谈了一下IE浏览器下javascript的调试方法,今天没事干就把火狐浏览器(Firefox)下的javascript调试方法也看了一下,记录在此,希望对大家有所帮助. 我们这次使用的代码页面为document获取对象博文中的按name属性获取对象的代码. <html> <head> <title>getElementsByName</title> </head> <body> <form id="form1&

javascript sort方法容易犯错的地方

sort方法用来对数组排序非常方便.但是sort(func)这个func参数的构造却很容易混淆. 这个func的作用是,把排序结果里任意相邻两项a,b放入到func里来执行,如果返回值都为-1,则为正序排列,如返回值都为1,则为逆序排列. 例如,[1,3,65,97,45,6,2] 如果要正序,就应该写成[1,3,65,97,45,6,2].sort(function(a, b){return a - b;}), 如果要逆序:[1,3,65,97,45,6,2].sort(function(a,

JavaScript 字符串方法(二)

字符串大小写转换方法<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>大小写转换</title> </head> <body> <script type="text/javascript"> var str="HELLO world"

JavaScript数组方法对比(深度学习数组)

JavaScript数组方法对比 众所周知,JavaScript提供了许多对数组进行改变的方法,但是有些会对原数组进行影响,有些不会.下边就列举出来. 一.新增 影响原数组 array.push()  //向数组的末尾添加一个或更多元素,并返回新的长度. var array =[1,2,3,4,5]; array.push(6); // [1,2,3,4,5,6]; array.unshift() //向数组的开头添加一个或更多元素,并返回新的长度. var array =[1,2,3,4,5]

Javascript创建对象方法

1.工厂模式:及时由一个工厂类根据传入的参数决定生产那种产品类 function createPerson(name,age,job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function() { alert(this.name); } return o; } var person = createPerson("xiaoqiang",12,"student&