//声明一个javascript对象:
var a = {};
//声明一个函数对象:
var a = function(){}
//声明静态对象
var a = {
name : "静态对象",
getName : function(){
return this.name;
}
};
alert(a.getName());//外部调用
//函数对象的封装与继承
function A(name){
var id = 'id';//私有属性,不可继承,外部无法调用
this.name = name;
this.getName = function(){
return this.name;
}
//在公有方法中给属性赋值,有时会出现在函数内部值是有的,但是出了这个
//函数以后值就没有了,这种情况需要这么处理:
this.setName = function(name){
var obj = this;
obj.name = name;
}
}
//如何继承
function B(name){
this.base = B;//声明继承
this.base(name);//继承构造函数
//重写方法
this.getName = function(){
//因为是继承关系,所以可以将父类的属性当做本身的属性来用
//如果想调用父类的方法,可以使用base:this.base.getName();
return this.name+"__子类";
}
//子类自己的方法
this.alertName = function(){
alert(this.name);
}
}
B.prototype = A;
var a = new A('父类');
//只能调用属性和自身的方法
alert(a.name);//父类
alert(a.getName());//父类
var b = new B("子类");
//可以调用父类的属性、方法和自身的方法
alert(b.name);//子类
alert(b.getName);//子类__子类
b.alertName()//子类
//jquery声明组件
(function($){
$.fn.panel = function(settings){
var opts = $.extend({}, $.fn.panel.defaults, settings);
}
$.fn.panel.defaults = {
title : '',
width : 200,
height : 200
}
})(jQuery);
$('#id').panel({//外部调用组件
title : '测试面板'
});
分享到:
相关推荐
面向过程与面向对象 6.1.1 面向过程与面向对象 1、概念 面向过程(Procedure Oriented)也可称之为“面向记录”,是一种以过程为中心的编程思想。它注重的是具体的步骤,只有按照步骤一步一步执行,才能够完成某件...
JavaScript面向对象程序设计(1): 前言 JavaScript面向对象程序设计(2): 数组...JavaScript面向对象程序设计(6): 封装 JavaScript面向对象程序设计(7): 闭包 JavaScript面向对象程序设计(8): 优雅的封装还是执行的效率?
Javascript面向对象特性实现(封装、继承、接口 Javascript面向对象特性实现(封装、继承、接口
javascript面向对象包装类Class封装类库剖析.docx
采用JavaScript面向对象思想封装拖拽移动功能,兼容pc端和移动端,适合JavaScript初学者进阶学习。
本文件使用JavaScript已面向对象方式封装类来演示简单工厂模式的实现代码。以实例介绍了简单功能模式的用途,简单分析了实现的要件。mhtl文件里有实例代码的全部内容和分析简述。
但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。 那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型对象生成一个实例对象,我们应该怎么...
JavaScript面向对象编程指南,关于对象,属性,方法,类,封装,继承,多态的详细讲解和介绍
JAVA面向对象基础测试题-继承-封装-多态等测试题.docx
javascript的特点 简单 动态 基于对象(面向对象) Javascript面向对象概述 Javascript是一种面向(基于)对象的动态脚本语言,是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。他具有面向...
本电子书包括专业JavaScript 编程的基础:编写面向对象代码,测试代码,为分发而进行封装。随后你看到了 Unobtrusive DOM 脚本编程的主要方面,包括一个关于文档对象模型,事件,JavaScript 与CSS 交互的简短的总览...
要求: 用javascript封装一个类,实现动态构造导航菜单功能,数据格式为data.xml 要求: 1.运用面向对象的思想设计该类(如继承)。 2.实现效果参考 "示例.bmp",菜单样式整洁即可。 3.两天内完成。
自己封装的一个面向对象的JavaScript类。
树形控件具有独特的扩展和折叠分支的能力,能够以较小的空间显示出大量的信息,一目了然地传达出数据之间的层次关系。凡是熟悉图形用户界面的用户,都能够自如地运用树形控件。
本文是对自己这么长时间以来学习javascript面向对象的总结,这里针对封装和继承结合实例进行了详细分析,给有相同需求的小伙伴们参考下吧。
本文实例讲述了javascript面向对象三大特征之封装。分享给大家供大家参考,具体如下:封装封装(Encapsulation):就是把对象内部数据和操作细节进行隐藏。很多面向对象语言都支持封装特性,提供关键字如private来隐藏...
纯javascript,面向对象,可多次调用。由于时间仓促,没有过多的修改。支持农历,节气,节假日,班假图标。
“在面向对象的思想中,最核心的概念之一就是类。一个类表示了具有相似性质的一类事物的抽象,通过实例化一个类,可以获得属于该类的一个实例(即对象)”。
第一步:做一个“手机的类” var MobilePhone = (function(){ ………… })() 第二步:考虑这个类,里需要那些类的私有属性,这里我想定义的是实例出来手机的数量 var MobilePhone = (function(){ ...