JavaScript之信息的封装 js对象入门_js面向对象
程序员文章站
2022-05-07 13:44:16
...
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需刷新才能执行]
在编码前,我们需要了解如下几个术语;
封装:对内部数据的表现形式和实施细节进行隐藏;
私有属性和方法:外界只能通过其公开的接口与其进行存取和交互
作用域: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需刷新才能执行]
上一篇: Java语言的基础是什么
下一篇: java面试问什么
推荐阅读
-
Python 入门 之 面向对象的三大特性(封装 / 继承 / 多态)
-
前端笔记之JavaScript面向对象(三)初识ES6&underscore.js&EChart.js&设计模式&贪吃蛇开发
-
JS面向对象编程学习之构造函数的继承理解
-
重学js之JavaScript 面向对象的程序设计(创建对象)
-
js中的面向对象入门
-
Javascript基础回顾之(三) js面向对象
-
javascript 面向对象编程基础:封装_js面向对象
-
javascript Base类 包含基本的方法_js面向对象
-
同一页面多个商品倒计时JS 基于面向对象的javascript_时间日期
-
面向对象的javascript(笔记)_js面向对象