JavaScript之信息的封装 js对象入门_js面向对象

JavaScript之信息的封装
在编码前,我们需要了解如下几个术语;
封装:对内部数据的表现形式和实施细节进行隐藏;
私有属性和方法:外界只能通过其公开的接口与其进行存取和交互
作用域:JavaScript中,只有函数具有作用域,函数内部定义的属性和方法在外部无法访问
特权方法:声明在函数内部,能访问函数内部变量(属性)的方法,比较耗费内存;

复制代码 代码如下:

function Person()
{
/*
* 声明私有的数据
* 昵称,年龄,邮箱
*/
var nickName, age, email;
/*
* 需要访问私有数据的方法(特权方法)
* 每生成一个实例将为特权方法生成一个新的副本
*/
this.setData = function(pNickName, pAge, pEmail)
{
nickName = pNickName;
age = pAge;
email = pEmail
};
this.getData = function()
{
return [nickName, age, email];
}
}
/*
* 不需要直接访问私有数据的方法(公有方法)
* 不管生成多少实例,公有方法在内存中只存在一份
*/
Person.prototype = {
showData: function()
{
alert("个人信息:" + this.getData().join());
}
}

外部代码通过私有或公有方法存取内部属性

复制代码 代码如下:

var p = new Person();
p.setData("sky", "26", "vece@vip.qq.com");
p.showData();

演示代码:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

时间: 2024-09-29 05:43:31

JavaScript之信息的封装 js对象入门_js面向对象的相关文章

JavaScript面象对象设计_js面向对象

新一篇: JavaScript中字符串相等比较 面象对象的应用是相当广泛的,在桌面编程中很早就出现了,应用比较成熟,象C++,Java,C#等.而在Web编程这一块,出现就要晚得多,以致于现在的Web开发很困难,当然也有Web开发牵涉的技术多的原因.近年来,面向对象逐渐在Web开发中被引入.很多大型的网站是采用PHP开发的,PHP 4中面向对象的还不是很完善,在PHP 5中有所改进..Net也面向对象,但执行效率比不上PHP. JavaScript在Web开发中用得也是相当多的,常用的表单验证很

JS类的封装及实现代码_js面向对象

1. 定义js类 js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类. 复制代码 代码如下: function ShapeBase() { this.show = function() { alert("ShapeBase show"); }; this.init = function(){ alert("ShapeBase init&q

Javascript 面向对象 对象(Object)_js面向对象

javascript中的对象创建声明: var obj = {}; 或者 var obj = new Object(); 为对象加入属性,方法: //=====第一种写法==================================== obj.name = '小明'; //为对象加属性 obj.updateName = function(name){//为对象定义updateName方法 this.name = name; } alert(obj.name); obj.updateNam

javascript复制对象使用说明_js面向对象

oldObj是一个对象,而不是值 例如var newObj=oldObj; 如果想oldObj改变的时候不影响到newObj: 可以这样写一个函数 复制代码 代码如下: function clone(myObj){ if(typeof(myObj) != 'object') return myObj; if(myObj == null) return myObj; var myNewObj = new Object(); for(var i in myObj) myNewObj[i] = clo

CCPry JS类库 代码_js面向对象

复制代码 代码如下: function CCPry(){ // // 判断浏览器类型 // this.Browser ={ "isMozilla":(typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined') && (typeof HTMLDocument!='undefined'), &q

JS继承 笔记_js面向对象

JS继承 JavaScript中没有类的概念,与类相关的继承的概念更是无从谈起,但是我们可以通过特殊的语法来 模拟面向对象语言中的继承. 在JS中模拟继承有多种方式,其中寄生组合模式是一种比较容易简单的模拟继承模式,下面我们就来 介绍一下用寄生组合模式模拟继承. JS的继承包括属性的继承和方法的继承,他们分别通过不同的方法来实现. 1属性的继承 属性的继承通过改变函数的执行环境来实现的.而改变函数的执行环境可以使用call()和apply()两种 方法来实现. 我们首先创建一个Animal"类&

js另类写法_js面向对象

实现功能估计貌似于这样: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 代码运行到 test() 后,要调用已经写好的方法 E() 并传递 2 个参数 一个就是所谓对象的 ju . 另一个就是一个才写的函数 然后把这两个参数传递到了 E() 方法,当然,E()方法已经在等参数了 当他等到了许久不见的参数的时候会怎么做呢...(待续) 续简介: 上回说到 E() 方法见到了许久不见的参数 ju 和 一个函数 当然 E() 做为这两个参数的传递执行方法,就叫了两个小弟(变量 a, b)

javascript 模式设计之工厂模式学习心得_js面向对象

模式类型:工厂模式 模式说明:常用模式之一,用来动态创建对象 适用范围:在运行期间需要在一系列可互换的子类中进行选择的类 注意事项:接口的实现,从而使不同子类可以被同等的对待,恰当的使用工厂模式,但不要拘泥与形式,理解本质. 关键点:以 函数/类/子类 构建的选择器 本质:函数作为选择器的使用 一般使用形式: 作为独立的选择器存在: 复制代码 代码如下: function FactoryMode(index){ switch(index){ case "index1" : return

Javascript函数加壳多用于事件绑定_js面向对象

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]