`

JavaScript 学习笔记 三 原型(prototype)

 
阅读更多
//原型(prototype),是 JavaScript 特有的一个概念,通过使用原型,JavaScript 可以
//建立其传统 OO 语言中的继承,从而体现对象的层次关系。JavaScript 本身是基于原型的,
//每个对象都有一个 prototype 的属性来,这个 prototype 本身也是一个对象,因此它本身
//也可以有自己的原型,这样就构成了一个链结构。
//访问一个属性的时候,解析器需要从下向上的遍历这个链结构,直到遇到该属性,则返回属
//性对应的值,或者遇到原型为 null 的对象(JavaScript 的基对象 Object 的构造器的默认
//prototype 有一个 null 原型),如果此对象仍没有该属性,则返回 undefined

function Base(name){
    this.name = name;
    this.getName = function (){
        return this.name;
    }
}

function Child(id){
    this.id = id;
    this.getId = function () {
        return this.id;
    }
//    this.getName = function (){ 
//        return this.id;
//    }
//由于遍历原型链的时候,是有下而上的,所以最先遇到的属性值最先返回,通过这种机制可
//以完成重载的机制
}

Child.prototype = new Base("base");

var cl = new Child("child");
alert(cl.getId());
alert(cl.getName());
//由于c1从原型链上"继承"到了getName方法,因此可以访
分享到:
评论

相关推荐

    js 笔记 javascript 学习笔记

    本学习笔记将深入探讨JavaScript的核心概念,包括变量、数据类型、操作符、控制流程、函数、对象、数组、原型链、闭包等,并结合实际示例,如my.js、order.js、login.js等文件,来讲解其在实际项目中的应用。...

    javascript学习笔记.docx

    这篇学习笔记主要涵盖了JavaScript的基础语法和客户端JavaScript的相关知识。 1. **JavaScript基本语法**: - **变量声明**:未声明的变量尝试读取时会产生错误,而写入未声明的变量会创建一个全局变量。 - **...

    javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式

    在JavaScript中,原型(Prototype)和原型链(Prototype Chain)是理解对象继承机制的关键概念。在面向对象编程中,对象可以继承自其他对象的属性和方法,这就是所谓的原型继承。在JavaScript里,每个函数都有一个`...

    Prototype学习笔记(一)(二)

    在Prototype学习笔记(一)中,可能涉及了如何创建和修改对象的原型,以及如何利用原型链实现属性的继承。笔记可能详细解释了`Object.create()`的用法,该方法可以接受一个对象作为参数,创建一个新的对象并将其`__...

    我的javascript学习笔记

    根据提供的文件信息,可以看出这份“我的javascript学习笔记”主要涵盖了JavaScript中的几个关键概念和技术要点,包括正则表达式、AJAX以及一些JavaScript的核心语言特性。接下来将这些知识点进行详细的整理和解释。...

    prototype学习笔记

    在JavaScript中,`prototype`是一个核心...总的来说,这篇"prototype学习笔记"深入讲解了JavaScript中的原型和继承机制,结合源码分析和实用工具,帮助开发者更全面地掌握这一核心概念,并能够在实际项目中灵活运用。

    Javascript学习笔记7 原型链的原理

    原型链的核心在于,当试图访问对象的一个属性时,如果该对象自身没有这个属性,JavaScript会查找其`__proto__`,即其构造函数的`prototype`,如果`prototype`也没有这个属性,会继续查找`prototype`的`__proto__`,...

    很有价值的javascript学习笔记

    ### JavaScript 学习笔记知识点详解 #### 一、JavaScript 基础概念 - **JavaScript 与 Java 的区别**:JavaScript 和 Java 是两种完全不同的编程语言。Java 是一种静态类型语言,而 JavaScript 是动态类型的解释性...

    JavaScript 学习笔记

    这份“JavaScript学习笔记”涵盖了JavaScript的基础、进阶以及与HTML、CSS和DOM的协同工作等内容,适合初学者进行自我学习。 **JavaScript基础** JavaScript的基础包括变量、数据类型、操作符、流程控制(条件语句...

    Javascript学习笔记6 prototype的提出

    在上述的学习笔记中,作者通过一个简单的例子揭示了`prototype`的作用和重要性。 首先,让我们回顾一下没有使用`prototype`的情况。在第一个代码示例中,`Person`构造函数定义了一个`Introduce`方法,每次创建新的`...

    JavaScript基础教程笔记

    ### JavaScript基础教程笔记知识点 #### 一、JavaScript简介 - **定义**:JavaScript是一种轻量级的编程语言,主要用于Web浏览器中的网页交互控制。 - **发展历史**:1995年由Netscape公司的Brendan Eich设计并...

    Javascript学习笔记9 prototype封装继承

    本学习笔记深入分析了JavaScript中原型和原型链在对象继承中的应用,并通过工厂模式封装了继承的实现过程。通过这种方式,可以更好地理解JavaScript中的继承机制,并在实际开发中灵活运用。掌握原型和原型链的概念...

    JavaScript学习笔记

    这份"JavaScript学习笔记"详细记录了作者在深入学习JavaScript过程中的思考与体会,旨在帮助读者更好地理解和掌握这一编程语言。 JavaScript的核心概念包括变量、数据类型、操作符、流程控制和函数。变量在...

    JavaScript学习笔记之创建对象_.docx

    在JavaScript中,对象是核心概念之一,它们是无序...学习和掌握JavaScript对象的创建、属性访问以及原型机制,对于深入理解和使用JavaScript至关重要。理解并熟练运用这些知识点,可以有效地构建复杂的应用程序和组件。

    javascript学习笔记

    在本"JavaScript学习笔记"中,我们将探讨JavaScript的核心概念、语法特性、DOM操作以及常见应用。 1. **基础语法** - 变量声明:JavaScript使用`var`、`let`和`const`进行变量声明,其中`let`和`const`是ES6新增的...

    JavaScript-学习笔记.docx

    JavaScript是一种广泛应用...以上就是JavaScript学习笔记中的主要知识点,理解和掌握这些内容对于深入学习JavaScript至关重要。在实际编程中,还需要结合具体的场景灵活运用,并不断实践和探索更高级的特性和最佳实践。

    前端JavaScript基础学习笔记案例

    个人在学习前端JavaScript时的学习笔记,内含JavaScript的中基础知识点,以及案例。里面有兼容市面上浏览器的方法 1.知识点包括:基础语法,字符串操作,object对象,DOM对象,BOM对象,offset,client,scroll对象...

    Javascript 读书笔记索引贴

    Javascript学习笔记2 函数 Javascript学习笔记3 作用域 Javascript学习笔记4 Eval函数 Javascript学习笔记5 类和对象 Javascript学习笔记6 prototype的提出 Javascript学习笔记7 原型链的原理 二. 实战篇Javascript...

Global site tag (gtag.js) - Google Analytics