微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

javascript 写类方式之八_js面向对象

php中文网
发布： 2016-05-16 18:50:41
原创
1224人浏览过
8、Ext.js的写类方式
这里用的是Ext core3.0，Ext中用Ext.extend来定义一个类（当然它更多用来扩展一个类），Ext整个框架各种控件如Panel，MessageBox等都是用Ext.extend方法来扩展。这里仅仅用它来定义一个最简单的类。
看Ext.extend的代码可得知，它仍然是用构造函数和原型来组装一个类。
这里只需传两个参数即可，第一个参数是根类Object，第二个是原型。
复制代码 代码如下:

/**
* Person类
* @param {Object} name
*/
var Person = Ext.extend(Object,{
constructor : function(name) {this.name = name;},
setName : function(name) {this.name = name;},
getName : function() {return this.name;}
});



//创建一个对象
var p = new Person("Lily");
console.log(p.getName());//Lily
p.setName("Andy");
console.log(p.getName());//Andy

//测试instanceof及p.constructor是否正确指向了Person
console.log(p instanceof Person);//true
console.log(p.constructor == Person);//true

比较特殊的是，如果单纯的定义一个类，那么第一个参数永远传Object即可。
相关标签：
javascript

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：Javascript 调试利器 Firebug使用详解六_javascript技巧 下一篇：jQuery DIV弹出效果实现代码_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
Yup when 方法语法更新指南：解决 is 属性不再支持的问题 本文详细阐述了Yup库从旧版本（如0.26.x）升级到新版本（如1.x）后，when方法在条件验证语法上的主要变化。重点解决了旧版中is属性不再被支持的问题，并提供了使用函数式回调进行条件判断的新方法，帮助开发者顺利迁移并正确实现复杂的表单验证逻辑。
2025-11-13 15:09:01
654
Yup when 条件判断语法更新：告别 is 属性，拥抱回调函数 本文旨在解决Yup版本更新（0.26.6到1.2.0及更高版本）后，Yup.when方法中is属性不再被支持的问题。我们将详细介绍如何将旧的对象式条件判断转换为新的回调函数式语法，以确保表单验证逻辑的兼容性和正确性，避免在ReactJS等应用中遇到类型错误。
2025-11-13 15:04:22
363
前端JS怎样调用SpringBootActuator_JS调用SpringBootActuator的详细教程 前端调用SpringBootActuator需先启用端点并配置CORS。1.引入actuator依赖并在application.yml中暴露health、info等端点；2.通过WebMvcConfigurer配置允许前端域名访问/actuator/**路径；3.前端使用fetch请求如/actuator/health获取数据；4.生产环境应限制敏感端点，结合SpringSecurity添加认证，避免直接暴露env、shutdown等高危接口。
2025-11-13 14:43:02
521
从AngularJS过滤器迁移到原生JavaScript函数 本文详细介绍了如何将AngularJS中的自定义过滤器（以slice过滤器为例）重构为可独立运行的原生JavaScript函数。通过展示具体的代码迁移过程和使用示例，旨在帮助开发者将旧的AngularJS逻辑平滑地过渡到现代JavaScript环境，实现代码的复用性和解耦，为项目现代化提供实践指导。
2025-11-13 14:41:50
563
HTML5 Canvas 高DPI适配与清晰渲染指南：解决模糊与坐标偏移问题 本教程详细阐述如何在HTML5Canvas应用中解决高分辨率屏幕上的图像模糊问题，并确保图形定位准确。文章核心在于利用devicePixelRatio进行Canvas物理像素与CSS像素的适配，并通过调整绘图上下文的缩放，实现清晰渲染。同时，深入探讨了适配后可能出现的坐标系偏移问题及其解决方案，确保图形始终正确居中和定位。
2025-11-13 13:37:03
787
JavaScript DOM 创建：createElement 与 innerHTML 的优劣 createElement适合动态构建交互组件，安全且可控，如创建带事件的节点；innerHTML适用于快速插入静态结构，但存在性能与安全风险，需谨慎使用。
2025-11-13 11:39:56
362
MongoDB索引怎么优化_MongoDB索引原理与JS全栈查询性能优化方法 合理设计MongoDB索引可显著提升查询性能，需遵循“等值-排序-范围”原则创建复合索引，避免冗余；利用覆盖查询减少I/O；结合explain、慢查询日志和indexStats持续监控，确保索引匹配实际查询模式。
2025-11-13 11:27:24
772
JavaScript变量怎么声明_JavaScript变量声明与作用域详解 答案：JavaScript中var声明存在变量提升和函数作用域，易导致意外；let和const具有块级作用域和暂时性死区，推荐使用；避免隐式全局变量，合理利用作用域链可提升代码安全性与可维护性。
2025-11-13 10:05:02
301
js中this的几种用法 this的指向在运行时由函数调用方式决定：1.全局环境中指向window（浏览器）或global（Node.js）；2.普通函数调用时非严格模式指向window，严格模式为undefined；3.作为对象方法调用时指向该对象，但单独引用后调用会丢失绑定；4.构造函数中指向新创建的实例；5.箭头函数无独立this，继承外层作用域的this；6.可通过call、apply、bind显式绑定this指向。关键在于理解调用上下文而非定义位置。
2025-11-13 09:59:40
713
JS插件如何实现页面元素复制功能_JavaScript复制功能插件开发与使用场景教程 答案：通过JavaScript结合DOM操作与剪贴板API实现元素复制。首先利用element.cloneNode或outerHTML获取元素结构，再通过document.execCommand或现代ClipboardAPI写入剪贴板；开发轻量插件可支持多种场景，如内容后台、设计工具等，需注意兼容性与用户触发限制。
2025-11-13 09:57:02
379
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部