`
easy0917
  • 浏览: 260428 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

js prototype原型对象用处

    博客分类:
  • JS
 
阅读更多
function Bird(){
}
var bird = new Bird();
alert(Bird.prototype); // [object Object]
alert(bird.prototype); // undefined

1、使用prototype实现继承:
function Animal(){
  this.color = "red";
} 	
function Bird(){ 
  this.name="小鸟";
}

var b = new Bird();
alert(b.color); // undefined

Bird.prototype = new Animal();
var b_ = new Bird();
alert(b_.color); // red

2、使用prototype扩展现有系统函数:
      在javascript中Array有个push()方法,可以向数组中添加新的元素,数组是有序且可以重复的,有时候需要数组中的元素不重复(如果数组中存放的是对象,对象的比较需要自己实现),这时候可以使用prototype扩张现有的数组的方法。
Array.prototype.pushEx = function(obj){
  var a = true;
  for (var i = 0; i < this.length; i++) {
    if (this[i]== obj) {
       this[i] = obj;
       a =false;
       break;
    }
  }
  if(a){
    this.push(obj); 
  }
  return this.length;
}
var test1 = new Array();
test1.pushEx("bb");
test1.pushEx("bb");
test1.pushEx("dd");
alert(test1) //bb,dd
分享到:
评论

相关推荐

    JavaScript中的prototype(原型)属性研究

    在JavaScript中,每个函数都有一个prototype属性,这个属性指向一个对象,这个对象就是所谓的原型对象。当我们创建一个函数实例时,实例会自动获取一个内部属性[[Prototype]],这个属性通常通过`__proto__`或者`...

    第15章 javascript面向对象与原型

    在深入讲解JavaScript面向对象与原型的知识点之前,首先需要了解JavaScript的基础知识。在JavaScript中,面向对象编程(OOP)的概念虽然存在,但是它的实现与传统基于类的语言有所不同。ECMAScript,也就是...

    JavaScript通过prototype给对象定义属性用法实例

    在JavaScript编程中,通过prototype给对象定义属性是一个非常重要的概念,它允许开发者为对象的原型添加新的属性和方法,从而实现继承机制。这种技术在面向对象编程中非常重要,因为它可以使得所有的实例对象共享同...

    js中prototype1

    每个函数(在JavaScript中,函数也是一种对象)都有一个`prototype`属性,这个属性指向一个对象,这个对象的用途是为通过该函数创建的对象提供"继承"的功能。当试图访问一个对象的属性或方法时,如果该对象自身没有...

    JS prototype 属性

    2. **实现继承**:JavaScript的继承机制是基于原型链的,一个对象可以继承另一个对象的属性和方法,这通常是通过将一个对象赋值给另一个对象的`prototype`来实现。 ### prototype属性的特性 1. **默认属性**:每个...

    我所理解的从原型到原型链.pdf

    在JavaScript中,理解原型(Prototype)与原型链(Prototype Chain)是至关重要的。这两个概念是语言的核心部分,对于深入理解对象的属性查找机制、继承等方面有着不可替代的作用。 #### 原型(Prototype) 在...

    【JavaScript源代码】怎样用JavaScript实现原型模式.docx

    1. **原型(Prototype)**:每一个JavaScript对象都有一个内置的属性`[[Prototype]]`,它指向另一个对象。如果这个属性指向的是`null`,则表示这个对象没有原型。 2. **原型链(Prototype Chain)**:当尝试访问一个...

    浅谈js构造函数的方法与原型prototype

    在JavaScript编程中,构造函数和原型prototype是实现面向对象编程的关键特性,它们允许开发者以一种更加结构化和模块化的方式组织代码。为了深入理解这两个概念及其用途,下面将详细阐述构造函数和原型的相关知识点...

    JavaScript使用Prototype实现面向对象的方法

    在JavaScript中,面向对象的实现主要依赖于函数和原型(Prototype)机制。本文将深入探讨如何使用Prototype实现面向对象的方法,并通过实例来解释其工作原理。 1. Prototype 概念: Prototype是JavaScript中的一个...

    js代码-理解原型对象

    `README.txt`文件可能包含有关`main.js`代码的解释和指导,如如何运行代码,或者更深入地解释原型对象的工作原理和用途。 总的来说,理解JavaScript的原型对象对于开发涉及对象继承和原型链的复杂应用至关重要。...

    JavaScript_原型UI元素的集合.zip

    在JavaScript中,原型(Prototype)是理解对象继承机制的关键概念。UI元素(User Interface Elements)则是构建用户界面的基本组件,如按钮、文本框、下拉菜单等。 在JavaScript中,每个对象都有一个内部属性[...

    JavaScript中的原型prototype属性使用详解

    在JavaScript中,原型(prototype)机制是实现继承的关键部分,允许我们为对象动态添加属性和方法。本文将详细介绍JavaScript中原型(prototype)属性的使用方法。 原型(prototype)属性是JavaScript中非常核心的...

    prototype 源码 注释

    本文将深入探讨Prototype的原理、用途及其在JavaScript中的实现方式,同时结合提供的`prototype.js`源码进行详细注释和解析。 ### 1. Prototype的概念 在JavaScript中,每个函数都有一个名为`prototype`的属性,这...

    JavaScript原型及原型链终极详解

    原型对象的主要用途是提供实例对象可以继承的属性和方法。 三、原型链 原型链是由`__proto__`属性构成的一系列连接。当试图访问一个对象的属性时,如果该对象本身没有这个属性,JavaScript会沿着`__proto__`链接...

    JavaScript Prototype对象

    JavaScript Prototype对象是JavaScript语言中的一个核心特性,它在JavaScript 1.1版本中就已经引入,主要目的是为了实现面向对象编程的继承机制。Prototype对象允许开发者为已存在的对象类型添加新的属性和方法,...

    js代码-构造函数+原型对象的继承

    在JavaScript中,面向对象编程是基于构造函数和原型对象的继承机制实现的。这是一种非常重要的概念,对于理解和编写复杂的JavaScript程序至关重要。本文将深入探讨构造函数、原型对象以及它们如何协同工作来实现继承...

    prototype开发笔记

    `prototype`是JavaScript中的一个内置属性,主要用于实现面向对象编程中的原型继承。每个函数在创建时,都会自动获得一个名为`prototype`的属性,这个属性实际上是一个对象,它的用途是为函数的所有实例共享属性和...

    简单理解js的prototype属性及使用

    函数的prototype属性实际上是一个对象,这个对象的用途是通过new操作符创建实例,然后新对象可以访问其原型上的方法和属性。 文章强调,要真正理解prototype,就要弄清楚JavaScript中的两个基本概念:对象和函数。...

    理解JavaScript的prototype属性

    1. 原型(Prototype)概念:在JavaScript中,几乎所有的对象都是通过另一个对象来继承属性的。这个“另一个对象”就是所谓的原型。每个对象都有一个指向其原型的内部链接,这个链接称为__proto__,它是一个非标准...

Global site tag (gtag.js) - Google Analytics