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());
            classA.setValue(1);
            document.write(instance.getValue());
            document.write(instance.value);

输出结果为:4,4,1。

原因是:var value 是私有变量,它与this.value不是同一个值。

下面我们分析下对象实例的创建与私有变量如何访问。

1.实例属性与原型属性

javascript对象创建实例时,实例属性和方法只有通过构造函数中的this,才可以赋给实例。如果想创建共享的属性或者方法,那么可以通过原型链共享。

创建共享的属性:

     function ClassA() {
        var value=4;
        this.getValue= function()
        {
            return value;
        }

        this.setValue= function(value)
        {
            this.value=value;
        }
     }
    ClassA.prototype.value=1;//共享的value

    var  instance1=new ClassA(),//
         instance2=new ClassA();

   consloe.log(instance1.value);//1
   consloe.log(instance2.value);//1
   console.log(ClassA.value);//undefined
   

那么ClassA()中的私有属性value我们可以通过ClassA.value访问吗?答案是不能。

我们分析下对象实例中标识符的查找。实例查找一个属性时,分为两步:

(1).在实例本身的实例属性中查找。

(2).如果查找不到实例属性,那么顺着原型链会找到对象的原型。

ClassA.value 在ClassA的实例属性中查找不到,那么继续查找原型链,ClassA是Object的实例,因此会查找Object.prototype.value,显然值为undefined。

2.私有变量的访问

我们知道,javascript没有块级作用域,但是我们可以通过函数来模拟块级作用域。而块级作用域里面的变量,称为私有变量。私有变量,外部无法访问,我们可以在函数内部

生成特权方法(特权方法:能够访问私有变量的方法),这里的特权方法就是this.getValue();通过构造函数创建,是创建特权方法的一种方法。

创建特权方法的另外一种方式就是:静态方法。

function ClassA() {
        var value=4;
        this.getValue= function()
        {
            return value;
        }

        this.setValue= function(value)
        {
            this.value=value;
        }
        ClassA.getValue=function(){  //静态方法

            return value;
        }

     }
时间: 2024-11-05 12:18:01

javascript原型链与特权方法的相关文章

JavaScript原型链中toString()方法输出alert()和console.log()得到不同的结果

<script language="javascript"> function myObj(){ var total = 0; } myObj.prototype.add = function(a,b){ this.total = a + b; } myObj.prototype.toString = function(){ return this.total; } var obj = new myObj(); obj.add(1,2); console.log(obj);

深入理解JavaScript原型链

前言 最近碰到一个题,大家可以试下. Object.prototype.a = function() { console.log("aaa "+this.name); }; Function.prototype.b = function() { console.log("bbb "+this.name); }; function Person(name) { this.name = name; } var person = new Person("Chin

浅谈JavaScript原型链

在javascript中是支持面向对象编程的,讲到面向对象(Object Oriented简称为OO)一般很容易想到继承和多态,而在javascript中呢,继承主要是靠原型链作为主要方法去实现的.其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法. 来看一段代码: function Animal(name,color){ this.name = name; this.color = color; } Animal.prototype.type = "动物"; Anima

轻松搞定javascript原型链 _proto_

//如有错误或不同观点,欢迎批评与讨论!首先,prototype出现的目的,是为了解决 代码重用 的问题 , prototype 相当于是在内存上划分出一个公共的区域, 专用于存放 实例化对象 的相同方法或属性, 一份代码,人人可用:为方便理解,我们可以先把prototype 当作是CSS中的 class,在prototype上加方法和属性,那么其它对象就会拥有这些方法和属性, 但这些代码紧有一份!<script>function Person(){this.name = '张三'; this

JavaScript学习总结(十七)——Javascript原型链的原理

一.JavaScript原型链 ECMAScript中描述了原型链的概念,并将原型链作为实现继承的主要方法.其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法.在JavaScript中,用 __proto__ 属性来表示一个对象的原型链.当查找一个对象的属性时,JavaScript 会向上遍历原型链,直到找到给定名称的属性为止! 比如现在有如下的代码: 扩展Object类,添加Clone和Extend方法 1 /*扩展Object类,添加Clone,JS实现克隆的方法*/ 2 Ob

web前端安全-JavaScript 原型链污染

0x01 前言 最近看到一篇原型链污染的文章,自己在这里总结一下 0x02 javascript 原型链 js在ECS6之前没有类的概念,之前的类都是用funtion来声明的.如下 可以看到b在实例化为test对象以后,就可以输出test类中的属性a了.这是为什么呢? 原因在于js中的一个重要的概念:继承. 而继承的整个过程就称为该类的原型链. 在javascript中,每个对象的都有一个指向他的原型(prototype)的内部链接,这个原型对象又有它自己的原型,直到null为止 functio

282 继承模式:原型链继承 : 得到方法,借用构造函数 : 得到属性,组合,new一个对象背后做了些什么

1.原型链继承 : 得到方法 function Parent(){} Parent.prototype.test = function(){}; function Child(){} Child.prototype = new Parent(); // 子类型的原型指向父类型实例 Child.prototype.constructor = Child var child = new Child(); //有test() <!DOCTYPE html> <html lang="e

Array原型链添加“遍历”方法

<script> //1.在我们之前的项目里向原型链中集成方法时大多代码分析不严密,有时间我在这里会做详细分析; Array.prototype.each = function(fn) { try { this.i || (this.i = 0); //在这里,fn.constructor === Function保证了输入的构造类型 if (this.length > 0 && fn.constructor === Function) { while (this.i &

Javascript 原型链资料收集

Javascript 原型链资料收集 先收集,后理解. 理解JavaScript的原型链和继承 https://blog.oyanglul.us/javascript/understand-prototype.html 继承与原型链 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Inheritance_and_the_prototype_chain 最详尽的 JS 原型与原型链终极详解,没有「可能是」. https://www.j