JavaScript中原型和原型链详解.pdf 11页

  • 1
  • 0
  • 0
  • 约1.6万字
  • 2020-09-21 发布
文档工具:
    1. 1、本文档共11页,可阅读全部内容。
    2. 2、本文档内容版权归属内容提供方,所产生的收益全部归内容提供方所有。如果您对本文有版权争议,可选择认领,认领后既往收益都归您。
    3. 3、本文档由用户上传,本站不保证质量和数量令人满意,可能有诸多瑕疵,付费之前,请仔细先通过免费阅读内容等途径辨别内容交易风险。如存在严重挂羊头卖狗肉之情形,可联系本站下载客服投诉处理。
    4. 文档侵权举报电话:19940600175。
    这篇文章主要介绍了 JavaScript 中原型和原型链详解 ,本文讲解了私有变量和函数、 静态 变量和函数、实例变量和函数、原型和原型链的基本概念 ,需要的朋友可以参考下 javascript 中的每个对象都有一个内置的属性 prototype ,Javascript 中对象的 prototype 属 性的解释是:返回对象类型原型的引用。意思是是 prototype 属性保存着对另一个 JavaScript 对象的引用,这个对象作为当前对象的父对象。 代码如下 : A.prototype = new B(); 理解 prototype 不应把它和继承混淆。 A 的 prototype 为 B 的一个实例, 可以理解 A 将 B 中的方法和属性全部克隆了一遍。 A 能使用 B 的方法和属性。这里强调的是克隆而不是继 承。可以出现这种情况: A 的 prototype 是 B 的实例,同时 B 的 prototype 也是 A 的实例。 继续看下面的分析: 私有变量和函数 在函数内部定义的变量和函数, 如果不对外提供接口, 外部是无法访问到的, 也就是该 函数的私有的变量和函数。 代码如下 : <script type="text/javascript"> function Box(){ var color = "blue";// 私有变量 var fn = function() // 私有函数 { } } </script> 这样在函数对象 Box 外部无法访问变量 color 和 fn ,他们就变成私有的了: 代码如下 : var obj = new Box(); alert(obj.color);// 弹出 undefined alert(obj.fn);// 同上 静态变量和函数 当定义一个函数后通过点号 “.”为其添加的属性和函数,通过对象本身仍然可以访问 得到,但是其实例却访问不到,这样的变量和函数分别被称为静态变量和静态函数。 代码如下 : <script type="text/javascript"> function Obj(){}; Obj.num = 72;// 静态变量 Obj.fn = function() // 静态函数 { } alert(Obj.num);//72 alert(typeof Obj.fn)//function var t = new Obj(); alert();//undefined alert(typeof t.fn);//undefined </script> 实例变量和函数 在面向对象编程中除了一些库函数我们还是希望在对象定义的时候同时定义一些属性 和方法,实例化后可以访问, js 也能做到这样 代码如下 : <script type="text/javascript"> function Box(){ this.a=[]; // 实例变量 this.fn=function(){ // 实例方法 } } console.log(typeof Box.a); //undefined console.log(typeof Box.fn); /

    文档评论(0)

    • 内容提供方:lyf66300
    • 审核时间:2020-09-21
    • 审核编号:6154104135003000

    相似文档