JavaScript之信息的封装 js对象入门
程序员文章站
2022-05-30 10:27:42
...
JavaScript之信息的封装
在编码前,我们需要了解如下几个术语;
封装:对内部数据的表现形式和实施细节进行隐藏;
私有属性和方法:外界只能通过其公开的接口与其进行存取和交互
作用域: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();
演示代码:
<script> 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("PHP中文网", "4", "admin@php.cn"); p.showData(); </script>
更多JavaScript之信息的封装 js对象入门相关文章请关注PHP中文网!
推荐阅读
-
Python 入门 之 面向对象的三大特性(封装 / 继承 / 多态)
-
重学js之JavaScript 面向对象的程序设计(创建对象)
-
js对象之JS入门之Array对象操作小结_javascript技巧
-
javascript 面向对象全新理练之数据的封装
-
js对象之JS入门之Array对象操作小结_javascript技巧
-
JavaScript之信息的封装 js对象入门
-
Python 入门 之 面向对象的三大特性(封装 / 继承 / 多态)
-
javascript 面向对象全新理练之数据的封装
-
js 静态动态成员 and 信息的封装和隐藏_javascript技巧
-
JavaScript之信息的封装 js对象入门_js面向对象