`

javaScript之function的prototype对象(二)之举例

阅读更多
1、
<html>
<head>
<title></title>
</head>
<body>
    <script type="text/javascript">
    
    function A(){
        var a=1;
    }
    A.prototype.get=function(){
        return a;
    }

    A.prototype.set=function(value){
        a=value; //这一句,a貌似成了全局变量了
    }

    var a1=new A();
    var a2=new A();
    a1.set(10);
    a1.get()//10
    a2.get()//10
    
    console.log(a);//10
    
    </script>
</body>
</html>


2、
<html>
<head>
<title></title>
</head>
<body>
    <script type="text/javascript">   
    
    function A(){
        var a=1;//此句无用处(a虽在 function A 内,但非 function A 的一个属性)。
    }
    A.prototype.get=function(){
        return this.a;
    }

    A.prototype.set=function(value){
        this.a=value;
    }

    var a1=new A();
    var a2=new A();
    a1.set(10);
    a1.get()//10
    a2.get()//undefined

    console.log(a);//undefined

    
    </script>
</body>
</html>


3、
<html>
<head>
<title></title>
</head>
<body>
    <script type="text/javascript">
    
    function A(){
        this.a = 1;
    }
    A.prototype.get=function(){
        return this.a;
    }

    A.prototype.set=function(value){
        this.a=value;
    }

    var a1=new A();
    var a2=new A();
    a1.set(10);
    a1.get()//10
    a2.get()//1
   
    </script>
</body>
</html>





4、




参考:
http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html






-



  • 大小: 63.3 KB
分享到:
评论

相关推荐

    举例说明JavaScript中的实例对象与原型对象_.docx

    在JavaScript中,实例对象与原型对象是两种关键的概念,它们构成了JavaScript对象继承的基础。每当你创建一个新的对象实例,它都会有一个内部链接到它的构造函数的原型。这个原型对象包含了可以通过实例对象访问的...

    浅析JavaScript中的类型和对象

    通过利用.prototype以及new关键字,JavaScript开发者可以创建复杂的对象系统,这是构建现代化Web应用不可或缺的技能之一。随着对JavaScript对象和类型的深入理解,开发者将能够编写出更高效、更结构化的代码,同时...

    举例说明JavaScript中的实例对象与原型对象

    JavaScript中实例对象与原型对象是面向对象编程的重要概念,它们之间通过构造函数和原型链相互联系。在JavaScript中,每一个对象都有一个constructor属性,它指向创建该实例的构造函数。同时,每个函数都有一个...

    Javascript中的prototype与继承

    在JavaScript中,`prototype`和继承是核心概念,它们构成了面向对象编程的基础。理解这两个概念对于深入学习JavaScript至关重要。首先,让我们详细解析`prototype`。 `prototype`是JavaScript中的一个特性,它允许...

    JavaScript prototype属性深入介绍

    举例来说,Function.prototype对象自身也是一个函数对象。它有一个method方法,这个方法允许我们向任何函数的原型添加新的方法。比如,如果我们向Object的原型添加一个名为method的方法,那么所有的对象,包括...

    Ajax toolkit prototype PPT

    Prototype还扩展了JavaScript的一些内置对象,如Array和Class: - `Array.each(fn)`:遍历数组,执行回调函数。 - `Class.create([superclass][, methods...])`:创建新类,可以指定超类及附加方法。 Element对象是...

    详解js中的原型,原型对象,原型链.docx

    在JavaScript中,每个函数都有一个特殊的属性`prototype`,这是一个指针,指向一个对象,称为原型对象。这个对象用于存储可以被该函数创建的所有实例共享的属性和方法。 **举例说明:** ```javascript function ...

    Javascript简单实现面向对象编程继承实例代码

    3. 继承:继承是面向对象编程中的核心概念之一,它允许新创建的类(子类)继承另一个类(父类)的属性和方法。 4. 多态:多态指的是一种接口的多种实现方式,同一方法在不同的对象中有不同的实现。 Javascript通过...

    浅谈javascript中的Function和Arguments

    首先,`Function`在JavaScript中是一种内置的对象类型,它允许我们定义和执行可重用的代码块,即函数。函数在JavaScript中扮演着多种角色,包括作为值、对象以及构造函数。`Function`对象有一些特殊的属性和方法: ...

    JavaScript类和继承 constructor属性

    在JavaScript中,当使用new操作符和构造函数创建对象实例时,该对象实例会继承构造函数的prototype对象的属性和方法。每个函数都有一个prototype属性,而prototype对象默认拥有一个constructor属性,这个constructor...

    javascript 内置对象及常见API详细介绍

    在JavaScript中,`this`关键字用来引用对象实例,而`prototype`属性则用于实现继承。 接下来,我们来看看JavaScript的一些全局属性和函数。例如,`Infinity`表示正无穷大,`NaN`代表非数字值,`undefined`表示变量...

    Prototype Date对象 学习

    在JavaScript中,`Date`对象是用来处理日期和时间的内置对象。它提供了丰富的API来创建、操作和格式化日期。在原型链上,`Date.prototype`包含了一些方法,用于扩展`Date`对象的功能。其中一个方法就是`toJSON`,...

    举例讲解如何判断JavaScript中对象的类型

    在JavaScript开发过程中,判断对象的类型是一个常见的需求。为了正确处理不同类型的输入参数,程序员经常需要在编写函数时通过类型判断来实现不同的逻辑分支。在JavaScript中,判断对象类型主要有两种操作符:`...

    js代码-原型对象与对象原型举例和说明

    二、对象原型(Prototype Chain) 当尝试访问对象的一个属性时,JavaScript会首先在当前对象中查找该属性。如果找不到,它会向上遍历`__proto__`链,即原型链,直到找到该属性或到达原型链的顶端(即`null`)。这...

    Javascript面向对象设计一 工厂模式

    在ECMAScript中,对象是通过构造函数(Constructor Function)创建的,构造函数本质上也是一个普通函数,只不过该函数内部使用了this关键字来引用将要创建的对象。当通过new操作符调用构造函数时,JavaScript会执行...

    实例讲解JavaScript中instanceof运算符的用法

    在JavaScript中,`instanceof`运算符是用来检测一个对象是否属于某个构造函数的实例,或者更具体地说,是否在该对象的原型链上能找到构造函数的`prototype`对象。这使得`instanceof`成为判断对象继承关系的重要工具...

    JavaScript中的 new 命令

    JavaScript中的`new`命令是实现面向对象编程的关键一环,它是创建对象实例的构造函数调用方式。在JavaScript中,对象是数据和功能的集合,它们由属性(property)和方法(method)组成,分别代表对象的状态和行为。 ...

Global site tag (gtag.js) - Google Analytics