JavaScript基础 实例和框架集成

简介: 完整的例子: 使用对象和继承等的示范 //父类示例function Parent(students, teacher) {       //公有成员       this.name = teacher;       this.

完整的例子: 使用对象和继承等的示范

//父类示例
function Parent(students, teacher) {
       //公有成员
       this.name = teacher;
       this.students = students;
       this.teacher = teacher;
       //私有成员
       //_me 处理作用域的特殊变量
       var _me = this;
       var _year;
       //构造函数定义的末尾执行
       function constructor() {
              _year = 1900;
       }
       //公有方法
       this.getName = function () {
              this.pubMe1();
              return this.name;
       };
       //公有方法,特权方法可以访问私有和公有成员
       this.getYearBorn = function () {
              _disp();
              return _year;
       };
       //私有方法
       function _disp(){
              alert(_me.name);
              alert(_year);
       }
       var _disp2 =function(){
              alert(_me.name);
              alert(_year);
       };
 
       constructor();
}
//公有方法的另一种定义
Parent.prototype.pubMe1 = function () {
       //只能访问实例成员
       alert(this.name);
};
//静态成员和方法
Parent.TITLE = 'static';
Parent.StaticMe = function () {
       alert(this.TITLE);
};
 
//子类示例
function Child(students, teacher) {
       //构造传递
       Parent.apply(this, arguments); 
 
       this.cld = students;
       var _pri = teacher;
 
       this.DoChild = function () {
              alert(this.cld + _pri);
              alert(this.name);
       };
}
//原形继承法
Child.prototype = new Parent();
Child.prototype.constructor = Child;
 
// Create a new Parent object
var p = new Parent(["John", "Bob"], "Mr. Smith");
alert(p.getName());
alert(p.getYearBorn());
p.pubMe1();
Parent.StaticMe();
 
var c = new Child("c", "p");
c.DoChild();

 

完整例子:函数对象的扩展封装形式

function Parent(name) {
       var _pri = "pri" + name;
 
       var priMethod = function(){
              alert(_pri);
       };
 
       return{
              pub : name,
 
              pubMethod : function () {
                    alert(this.pub);
                    alert(_pri);
                    priMethod();
              }
       };
}
 
Parent.TITLE = 'static';
Parent.StaticMe = function () {
       alert(this.TITLE);
};
 
alert(Parent.TITLE);
 
var d =new Parent('demo');
d.pubMethod();
Parent.StaticMe();
 

这种形式由于作用域的限制,最好不要实现继承

 

完整的例子包括DOJO jQuey ExtJS MS AJAX的集成包例子可在如下地址下载:

http://jsfkit.codeplex.com/Project/Download/FileDownload.aspx?DownloadId=153492
http://jsfkit.codeplex.com/releases/53146/download/153653

相关文章
|
7月前
|
JavaScript 前端开发 API
|
Web App开发 JavaScript 前端开发
深入浅出Node.js后端框架
【10月更文挑战第34天】在数字化时代,后端开发如同一座桥梁,连接着用户界面与数据处理的两端。本文将通过Node.js这一轻量级、高效的平台,带领读者领略后端框架的魅力。我们将从基础概念出发,逐步深入到实战应用,最后探讨如何通过代码示例来巩固学习成果,使读者能够在理论与实践之间架起自己的桥梁。
|
7月前
|
前端开发 JavaScript Java
【Java进阶】JavaScript电灯开关实例:从理论到实践
这个例子展示了JavaScript的基本功能,包括操作HTML元素,监听事件,以及改变元素的样式。通过学习和理解这个例子,你可以了解到JavaScript在网页中的应用,以及如何使用JavaScript来创建交互式的网页。
159 13
|
6月前
|
移动开发 Java 测试技术
HarmonyOS NEXT~鸿蒙系统与mPaaS三方框架集成指南
本文详细介绍了鸿蒙系统(HarmonyOS)与mPaaS框架的集成方法。鸿蒙系统作为华为开发的分布式操作系统,具备分布式架构、微内核设计等特性;mPaaS是蚂蚁金服推出的移动开发平台,提供金融级组件和全生命周期管理能力。文章从环境准备、核心功能集成(如初始化、用户认证、支付功能)、适配问题解决到调试测试及最佳实践,全方位指导开发者高效集成两者。通过遵循指南,可充分利用鸿蒙的特性和mPaaS的金融能力,构建高性能、高安全性的应用,同时避免常见兼容性问题,缩短开发周期。
363 0
|
10月前
|
人工智能 达摩院 并行计算
VideoRefer:阿里达摩院开源视频对象感知与推理框架,可集成 VLLM 提升其空间和时间理解能力
VideoRefer 是浙江大学与阿里达摩学院联合推出的视频对象感知与推理技术,支持细粒度视频对象理解、复杂关系分析及多模态交互,适用于视频剪辑、教育、安防等多个领域。
571 17
VideoRefer:阿里达摩院开源视频对象感知与推理框架,可集成 VLLM 提升其空间和时间理解能力
|
11月前
|
数据采集 人工智能 自然语言处理
Midscene.js:AI 驱动的 UI 自动化测试框架,支持自然语言交互,生成可视化报告
Midscene.js 是一款基于 AI 技术的 UI 自动化测试框架,通过自然语言交互简化测试流程,支持动作执行、数据查询和页面断言,提供可视化报告,适用于多种应用场景。
2809 1
Midscene.js:AI 驱动的 UI 自动化测试框架,支持自然语言交互,生成可视化报告
|
10月前
|
人工智能 JavaScript 前端开发
一段 JavaScript 代码,集成网站AI语音助手
根据本教程,只需通过白屏化的界面操作,即可快速构建一个专属的AI智能体。
|
9月前
|
人工智能 JavaScript 前端开发
探索JavaScript网页设计的无限可能:从基础到AI集成
在互联网时代,JavaScript是网页设计的核心语言之一,不仅增强用户界面的交互性,还能通过集成AI技术(如DeepSeek)提供智能化体验。本文介绍JavaScript基础、DOM操作、事件处理,并通过构建一个简单的用户评论网页展示其应用,进一步引入DeepSeek进行情感分析,实现美观且智能的网页设计。
|
12月前
|
缓存 监控 JavaScript
Vue.js 框架下的性能优化策略与实践
Vue.js 框架下的性能优化策略与实践
|
12月前
|
缓存 负载均衡 JavaScript
构建高效后端服务:Node.js与Express框架实践
在数字化时代的浪潮中,后端服务的重要性不言而喻。本文将通过深入浅出的方式介绍如何利用Node.js及其强大的Express框架来搭建一个高效的后端服务。我们将从零开始,逐步深入,不仅涉及基础的代码编写,更会探讨如何优化性能和处理高并发场景。无论你是后端新手还是希望提高现有技能的开发者,这篇文章都将为你提供宝贵的知识和启示。