`
java_cyy
  • 浏览: 14569 次
社区版块
存档分类
最新评论

js学习笔记9

    博客分类:
  • js
 
阅读更多
29.P190 超类与子类

function Rectangle(w,h){
this.width=w;
this.height=h;
this.PI=3.14159;
this.add=function(){return this.width + this.height;}//属性方法
}
Rectangle.prototype.area=function(){ //向Rectangle该对象添加一个方法
return this.width * this.height;
}
Rectangle.Max=function(a,b){ //Rectangle的Max属性方法定义为全局
if(a>b) return a;
else return b;
}
function PositionedRectangle(x,y,w,h){
this.PI=1;
Rectangle.call(this,w,h);//调用Rectangle的构造方法,PositionedRectangle这个对象中和Rectangle属性名字一致,会被父类的属性值给覆盖,也就是子类继承了父类的所有的属性。
alert(this.add());//能把Rectangle对象中的add()返回的值得到。
alert(this.area());//要想调用父类的原型对象,必须把父类的实例对象赋值给子类的原型对象。也就是PositionedRectangle.prototype = new Rectangle();
this.x=x;
this.y=y;
}
PositionedRectangle.prototype = new Rectangle();       //PositionedRectangle继承Rectangle原型对象的方法。
//alert(PositionedRectangle.prototype.area());
//PositionedRectangle.prototype.constructor=PositionedRectangle;//设置原型等于向的constructor的属性
var p=new PositionedRectangle(10,10,10,10);
alert(p.width);    // return  10  
alert(p.area());                           //return 100 调用父类的原型方法
alert(p instanceof PositionedRectangle);
alert(p instanceof Rectangle);        //return true ;PositionedRectangle.prototype = new Rectangle(); p的原型对象继承了Rectangle
alert(p instanceof Object);           //return true 所有的对象都是继承Object
分享到:
评论

相关推荐

    js 笔记 javascript 学习笔记

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

    html css js 学习笔记.zip

    html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习...

    html+css+js学习笔记.zip

    html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记...

    个人Javascript学习笔记 精华版

    个人Javascript学习笔记 精华版 本资源为个人Javascript学习笔记的精华版,涵盖了Javascript的基础知识、事件处理、对象和系统函数、浏览器对象等方面的内容。下面是对每个知识点的详细说明: 1. 什么是JavaScript...

    前端学习笔记-黑马程序员JS

    "前端学习笔记-黑马程序员JS" 本资源主要介绍了 JavaScript 的基本概念和语法,包括变量、数据类型、运算符、流程控制、数组、函数、对象、内置对象等知识点。 变量 在 JavaScript 中,变量可以在三种位置书写:...

    JavaScript学习笔记.pdf

    JavaScript学习笔记是一本关于JavaScript编程语言的教材,该教材通过丰富的实例,系统地介绍了JavaScript的基础知识和实际应用技巧,帮助读者一步步掌握客户端编程技术。本书共分为九章,每一章都有其特定的主题,...

    HTML+CSS+JavaScript教程学习笔记.zip

    HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 ...

    javascript入门学习笔记

    这些只是JavaScript学习笔记的一部分,深入理解并熟练运用这些概念,将为JavaScript编程打下坚实的基础。随着学习的深入,还会接触到更多高级特性和框架,如闭包、原型链、AJAX、jQuery、Vue.js、React.js等,这些都...

    js笔记js笔记js笔记js笔记

    js笔记js笔记js笔记js笔记

    前端学习笔记, html, css, js.zip

    前端学习笔记, html, css, js前端学习笔记, html, css, js前端学习笔记, html, css, js 前端学习笔记, html, css, js前端学习笔记, html, css, js前端学习笔记, html, css, js 前端学习笔记, html, css, js前端学习...

    学习笔记HTML-css-JS.zip

    学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记...

    前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar

    前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar ...

    JAVASCRIPT学习笔记9-表格排序

    这次的例子,只是把Nicholas C .Zakas的例子理解了一下,代码是在学习表格排序时的Demo. 单个数据类型的排序比较简单,他这个例子的特别之处在于能兼容多种数据类型的排序。例子 很简单,但 排序的主方法,有三个...

    JavaScript学习笔记归纳.pdf

    JavaScript是一种广泛应用于网页和网络应用开发的...理解这些基础知识对于深入学习JavaScript至关重要,因为它们构成了JavaScript程序的基础。通过熟练掌握这些概念,开发者可以编写出动态、交互性强的网页和应用程序。

    JavaScript HTML DOM学习笔记.emmx

    从菜鸟教程上学习的关于js的学习笔记,可以用于参考学习使用,脑图样式,浏览更方便,有需要的同学可以带走

    JavaScript-学习笔记.pdf

    以上是JavaScript学习笔记中提到的一些核心知识点,通过对这些知识点的理解和熟练应用,可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中,结合具体的项目需求,这些知识会得到更深入的拓展和应用...

    JS学习笔记(全)

    javascript学习笔记,包括基本语法、面向对象、正则表达式、dom的所有操作

    Javascript学习笔记PPT

    Javascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript...

    JavaScript 学习笔记集和代码库

    JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和...

Global site tag (gtag.js) - Google Analytics