javaScript之function的prototype对象（二）之举例

最新推荐文章于 2021-05-24 23:53:48 发布
最新推荐文章于 2021-05-24 23:53:48 发布
阅读量103 收藏
点赞数
分类专栏： javaScript 文章标签： JavaScript prototype ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_3352/article/details/82544541
版权
[b]1、[/b] 
<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>


[b]2、[/b] 
<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>


[b]3、[/b] 
<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>



[b]4、[/b]
[img]http://dl2.iteye.com/upload/attachment/0090/2420/9f4053c6-4a3c-3304-87b8-3d177347ad43.png[/img]


参考：
[url]http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html[/url]


-
iteye_3352
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js prototype_proto_Function详解
H291850336的专栏
11-16 720
/** * 所有的类都是函数数据类型的 即 所有的函数都是Function的实例 * 每个类（函数）都具备prototype（显式原型）,并且属性值是一个对象，对象中存储的是供‘对象实例’能调用的公共属性和方法 * 并且类的原型对象天生具备一个属性：constructor,指向类本身 * 每个对象（普通对象、prototype、实例、函等数）都具备：_proto_原型链,属性值是当前实例所属类的原型 * 实例._proto_ === 类.prototype * 函数._proto_ === .
JavaScript高级日记（二）函数高级
Tml的博客
07-07 430
原型、执行上下文、作用阈、闭包
JS 原型的问题 Object 和 Function 到底是什么关系？
taoerchun的专栏
07-23 2961
js 原型的问题 Object 和 Function 到底是什么关系？   var F = function(){}; Object.prototype.a = function(){}; Function.prototype.b = function(){}; F既能访问到a，也能访问到b(Object 和 Function也同样， 但是所有的实例只能访问到a)，F是Object 和 ...
Object.prototype.toString.call(obj)精确判断对象的类型
进击的你的博客
02-16 495
在 JavaScript 里使用 typeof 来判断数据类型，只能区分基本类型，即 “number”，”string”，”undefined”，”boolean”，”object”，“function” 六种。 对于数组、null、对象来说，其关系错综复杂，使用 typeof 都会统一返回 “object” 字符串。 要想区别对象、数组、函数单纯使用 typeof 是不行的，JavaScri...
javascript Function.prototype.call() 的模拟实现一
JSzilla
11-17 465
1.自定义Function.prototype.myCall方法，模拟call方法的功能 function sum(){ console.log(this); } function fn(){ console.log(this); } Function.prototype.myCall = function (context) { /...
Prototype Date对象 学习
10-29
在JavaScript中，`Date`对象是用来处理日期和时间的内置对象。它提供了丰富的API来创建、操作和格式化日期。在原型链上，`Date.prototype`包含了一些方法，用于扩展`Date`对象的功能。其中一个方法就是`toJSON`，...
举例说明JavaScript中的实例对象与原型对象
01-19
首先声明：javascript中每个对象都有一个constructor属性和一个prototype属性。constructor指向对象的构造函数，prototype指向使用构造函数创建的对象实例的原型对象。 function Person(){ } var person = new ...
浅谈javascript中的Function和Arguments
10-21
首先，`Function`在JavaScript中是一种内置的对象类型，它允许我们定义和执行可重用的代码块，即函数。函数在JavaScript中扮演着多种角色，包括作为值、对象以及构造函数。`Function`对象有一些特殊的属性和方法： ...
Javascript中的prototype与继承
12-07
在JavaScript中，`prototype`和继承是核心概念，它们构成了面向对象编程的基础。理解这两个概念对于深入学习JavaScript至关重要。首先，让我们详细解析`prototype`。 `prototype`是JavaScript中的一个特性，它允许...
举例说明JavaScript中的实例对象与原型对象_.docx
10-09
在JavaScript中，实例对象与原型对象是两种关键的概念，它们构成了JavaScript对象继承的基础。每当你创建一个新的对象实例，它都会有一个内部链接到它的构造函数的原型。这个原型对象包含了可以通过实例对象访问的...
html5中对prototype的理解
weixin_30911451的博客
07-24 154
今天使用了一个属性 ： prototype 先贴一下使用代码： Hero.prototype.die=function(){ //通过获取id改变css样式里的属性值 var dom=document.getElementById("over"); dom.style.display="block"; //动态添加音效 var herod...
一道有关于 prototype 的题
猛一回头的博客
03-21 409
最近看到一道题，如下： var A = function(){}; A.prototype = {}; var a = new A(); A.prototype = {}; var b = new A(); console.log(a instanceof A); console.log(b instanceof A); 如果对原型不是很了解，这里肯定很懵。我试着解释一下： 1、创建了一个...
js 原型的之—— Object 和 Function 的关系
sinat_39049092的博客
05-24 515
var F = function(){}; Object.prototype.a = function(){}; Function.prototype.b = function(){}; F既能访问到a，也能访问到b(Object 和 Function也同样， 但是所有的实例只能访问到a)，F是Object 和 Function两个的实例， 那么 Object 和 Function 到底是什么关系？ 这是我对 Object 和 Function 的了解 F instanceof Object //true
JS面试点-原型链相关
wfly blog
11-22 152
Object与Function的关系 构造器Function的构造器是它自身 Function._proto_ === Function.prototype // true Function.constructor === Function // true 构造器Object的构造器是Function（由此可知所有构造器的constructor都指向Function） Object.c...
理解javascript的 Function.prototype.bind
ikscher的专栏
12-15 1266
当你开始写js代码的时候，函数绑定可能是你要考虑的问题，在函数嵌套里面，怎麽处理上下文的this呢？其实你需要考虑的就是                    Function.prototype.bind()了。 第一次你遇到这个问题的时候，你看倾向使用this，但是当上下文引用发送改变的时候，你会使用self，_this或者其他的；当然这并没 有什么大碍，但是可能会有更好解决办法。看个例
关于Function原型对象和Object原型对象的一些疑惑
weixin_30383279的博客
03-02 369
网上有一道美团外卖的面试题是这样的：Function.prototype.a = 'a'; Object.prototype.b = 'b'; function Person(){}; var p = new Person(); console.log('p.a: '+ p.a); // p.a: undefined console.log('p.b: '+ p.b); // p.b...
面试题死磕之Object与Function的关系
那城烟雨
09-22 593
面试题死磕之Object与Function的关系 首先，先上题： var F = function(){}; Object.prototype.a = function(){}; Function.prototype.b = function(){}; var f = new F(); 问 f.a()与 f.b()能否执行？为什么？ 这是本人在记录一个答错的面试题，在此篇文章中我们来一步步...
每日一题（五四）var F=function(){}Object.prototype.a = function(){console.log(123) }F.a() F.b() f.a() f.b()
MFWSCQ的博客
06-14 3548
写出代码的执行结果 var F = function(){}; Object.prototype.a = function(){ console.log('123'); }; Function.prototype.b = function(){ console.log('456'); } var f = new F(); F.a(); F.b(); f.a(); f.b(); ...
js对<textarea>对象之selectionStart
iteye_3352的博客
01-06 1689
[code="html"] Selection Start and End example function SelectSomeText () { var input = document.getElementById ("Textbox"); input.selectionStart = 4; ...
javascript之JS操作iframe
iteye_3352的博客
02-28 819
JS操作iframe 1. 获得iframe的window对象 2. 获得iframe的document对象 3. iframe中获得父页面的window对象 4. 获得iframe在父页面中的html标签 5. iframe的onload事件 6. frames 参考文章 1. 获得iframe的windo...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值