关于javascript类继承的学习和发掘的代码实战-处女篇2

最新推荐文章于 2024-07-20 23:54:17 发布
最新推荐文章于 2024-07-20 23:54:17 发布
阅读量77 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/mawei1983/p/3448938.html
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="../js/lib/class.js"></script>

</head>

<body>
<SCRIPT LANGUAGE="JavaScript">
//jQuery.Class
// It provides class level inheritance and callbacks.
// @author:mawei
// @date:2013/07/05


$.Class.extend('Test.Suber1',
{
init:function(){},
addName:function(name)
{
this.name = name;
this.name1 = name;
},
getName:function()
{
alert("Suber1.name="+ this.name + "\n" + "Suber1.name1="+ this.name1 );
return this.name;
},
test:function()
{
}
});

Test.Suber1.extend('Test.Suber2',
{
init:function(){},
addName:function(name)
{
this._super("addName","我是第一个类");//调用父类方法
this.name = name;
this.name2 = name;
},
getName:function()
{
this._super("getName");
alert("Suber2.name="+ this.name+ "\n" + "Suber2.name2="+ this.name2 );
return this.name;
}
});

Test.Suber2.extend('Test.Suber3',
{
name:function(){},
age:11
},
{
init:function(){},
addName:function(name)
{
this._super("addName","我是第二个类");//调用父类方法,在父类方法继续调用父类
//this._super("test"); //调用父类任意方法
this.name = name;
this.name3 = name;
//setTimeout(this.callback("test"),100);
},
test:function(name)
{
},
getName:function()
{
this._super("getName");
alert("Suber3.name="+ this.name+ "\n" + "Suber3.name3="+ this.name3 );
alert("继承特性：相同属性替换，相同方法覆盖，\n\t相同方法子类可调用父类，父类还可以调用父类,\n\t最终实现子类的多级继承");
}
});

function ShowExample(){
var son = new Test.Suber3();
son.addName("我是第三个类");
son.getName();
}

</SCRIPT>
<input type="button" value="ShowExample" οnclick="ShowExample()">

<input name="login" class="login_input" style="
width: 189px;
position: absolute;
left: 300px;
">
</body>
</html>

转载于:https://www.cnblogs.com/mawei1983/p/3448938.html

weixin_30748995
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
不错的一篇关于javascript-prototype继承
10-30
不错的一篇关于javascript-prototype继承
Javascript 类的继承实现代码
10-29
JavaScript中类的学习，从基本类继承过来方法。
用JavaScript实现星座判断
WYCWLMY的博客
03-14 3053
星座判断博客 前言 ​ 对前端的热爱可以延续到对生活的热爱，这是我在逆战班学习的第六个星期，开始学习脚本语言JavaScript使得我的前端开发有了更多的可能性。我认为编程学习不应该只局限于课堂，能够结合自己的想法去做一些简单的功能实现才是最好的学习方法。因此本周我尝试着用自己所学的JavaScript知识编译了一个简单的程序用于判断输入日期对应的星座。 准备工作 ​ 在开始写代码之前，我们需要对...
js 数组去掉重复数据----去重
一个处女座的CV工程师
05-22 155
js 数组去掉重复数据----去重 // //去掉重复////////////////////////////// var specvalue=[1,2,3,4,5]//数组 Array.prototype.distinct = function () { var arr = this, result = [], i, j, len = arr.length; for (i = 0; i < len; i++) {
JavaScript初识
脚踏实地，仰望星空
04-16 356
是什么 一种高级编程语言，通过解释执行，是一门动态类型，面向对象（基于原型）的运行在浏览器的解释型语言； 一门函数先行的语言，多范式的语言，支持面向对象编程，命令式编程，函数式编程； 它提供语法操控文本，数组，日期及正则表达式等，不支持I/O（Input/Output:输入输出），比如网络，存储，图形等，但这些都可有它的宿主环境提供支持。 完整的JavaScript实现包含三个部分：ECMA...
JavaScript 常见面试---函数+对象+部分
一个处女座的CV工程师
11-12 205
1.箭头函数 1，跟常规写法比较：箭头函数表达式的语法比普通函数表达式更简洁。 有的箭头函数都没有自己的 this。 不适合定义一个 对象的方法。 当我们使用箭头函数的时候，箭头函数会默认帮我们绑定外层 this 的值，所以在箭头函数中 this 的值和外层的 this 是一样的。 箭头函数是不能提升的，所以需要在使用之前定义。 // ES5 var x = function(x, y) { return x * y; } // ES6 const x = (x, y) => x * y;
老生常谈 关于JavaScript的类的继承
10-22
下面小编就为大家带来一篇老生常谈 关于JavaScript的类的继承。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript设计模式学习之“类式继承”
10-24
主要介绍了JavaScript设计模式学习之“类式继承”,本文直接用代码实例讲解类式继承的实现方法,需要的朋友可以参考下
Javascript中类式继承和原型式继承的实现方法和区别之处
01-21
一般说来，在设计类的时候，我们希望能减少重复性的代码，并且尽量弱化对象间的耦合（让一个类继承另一个类可能会导致二者产生强耦合）。关于“解耦”是程序设计中另一个重要的话题，本篇重点来看看在javascript如何...
关于js全局的预编译
qq_42931285的博客
08-28 199
js执行代码时，预编译不仅发生在函数执行之前，全局代码执行时也会有预编译环节，会生成一个GO(Global Object ) 对象，此时的Go对象实际上就是window对象。他俩是同一个东东的俩名。 我们先要知道两个知识点： 1.暗示全局变量：即任务变量，未声明就赋值，此变量就为全局对象所有。 2.一切声明的全局变量，全是window属性。 关于第一点，案例： a =123; console.log(window.a); 打印结果： 我们发现a，实际就是全局对象window的属性； 关于第二点.
关于javascript类继承的学习和发掘的代码实战class.js-处女篇1
weixin_30735391的博客
11-29 82
//jQuery.Class// It provides class level inheritance and callbacks.// @author:mawei// @date:2012/06/22(function(Sharp){ // subClass can invoke it's superClass.Following by _prototype(prototype chain),...
web前端基础面试85题（一）
柯晓楠
07-18 490
1、什么是HTML语义化？<基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等>根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；
Next.js静态导出与动态路由优化
最新发布
天涯学馆
07-20 682
Next.js 是一个流行的 React 框架，它简化了构建服务端渲染（SSR）和静态站点生成（SSG）的应用。静态导出是Next.js的一项强大特性，它允许你将整个应用程序导出为静态文件，从而在无服务器环境下运行，提高加载速度和降低服务器成本。动态路由则允许你根据数据生成页面，即使在静态导出的情况下也能保持灵活性。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 1033
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 500
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
vue执行npm install问题idealTree:yudao-ui-admin-vben: sill idealTree buildDeps
yuan5025的博客
07-17 953
目前这个问题只在芋道源码yudao-ui-admin-vben碰到了，其他vue项目没用遇到过。
博客前端项目学习day03——框架页
qq_53237241的博客
07-19 273
【代码】博客前端项目学习day03——框架页。
Vue3企业级项目开发实战课-笔记记录
tuku0801的专栏
07-20 569
实践 Vue 3 自研组件库开发、Node.js 服务端开发、Vue 3 结合 Node.js 的全栈项目开发以及全栈项目的单元测试等大厂常见的项目技术场景
使用JavaScript实现机器学习与神经网络：Encog框架实战
"本文主要介绍了如何使用JavaScript实现机器学习和神经网络，重点是Encog框架，这是一个跨平台的机器学习工具，支持JavaScript等语言。文章将通过实例展示Encog在光学字符识别、模拟退火法、遗传算法和神经网络中的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值