js对象属性的封装、原型、构造函数、闭包以及立即执行表达式

公有方法
公有方法就是能被外部访问并调用的方法。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

// 在对象中

var Restaurant = {

 name: 'McDonald',

 // 公有方法

 getName: function() {

 return this.name;

 }

}

 

// 在构造函数中

function Person(name, age) {

 this.name = name;

 this.age = age;

 // 公有方法

 this.getName = function() {

 return this.name;

 }

}

 

// 在原型中

Person.prototype.getAge = function() {

 return this.age;

}

私有方法特权方法
这两个方法一般放在一起讨论,原因在于我们定义的特权方法是指有权访问内部私有属性和私有方法的公有方法,而私有方法是指外部不可见且不可访问的方法。

通常定义一个对象的方式有二种,一是使用Object实例化或者对象表达式,二是使用构造函数。同样在不同的方式下面定义私有方法和特权方法的形式也不相同。

在对象中
这里我们通过Object对象表达式来创建一个对象并添加一些属性和方法,然后直接采用静态的方式调用。对象的私有数据放置在一个匿名函数立即执行表达式(IIFE)中。这意味着这个函数只存在于被调用的瞬间,一旦执行后就立即被销毁了。

在对象中创建私有数据的方式在对象的模式(指创建对象的模式)中被称之为模块模式,它的基本格式如下:

1

2

3

4

5

6

7

8

var yourObject = (function() {

 

 // 私有属性和方法

 

 return {

 // 公有方法和属性

 }

}) ();

在模块模式中,返回的对象字面量中只包含可以公开的属性和方法。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

var Restaurant = (function() {

 // 私有属性

 var _total = 10;

 

 // 私有方法

 var _buyFood = function() {

 _total--;

 };

 var _getTotal = function() {

 return _total;

 }

 

 return {

 name: 'McDonald',

 getTotal: _getTotal,

 buy: _buyFood

 }

}) ();

 

Restaurant.buy();

console.log(Restaurant.name); // 'McDonald'

console.log(Restaurant.getTotal()); // 9

注意我们使用了闭包的方式来间接使用内部私有变量,同时对餐厅(Restaurant)名(name)进行了初始化。

在构造函数中
在上面介绍的模块模式创建私有方法时,公有方法和特权方法并没有什么本质上的区别,原因在于这个概念是来自于使用构造函数创建私有数据的时候定义出来的。

在构造函数中定义私有属性和方法很方便,我们不需要使用闭包,可以在调用的时候初始化数据。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

function Restaurant(name) {

 // 私有属性

 var _total = 10;

 

 // 公有属性

 this.name = name;

 

 // 私有方法

 function _buyFood() {

 _total--;

 }

 

 // 特权方法

 this.buy = function() {

 _buyFood();

 }

 

 this.getTotal = function() {

 return _total;

 }

}

 

// 公有方法, 注意这里不能访问私有成员_total

Restaurant.prototype.getName = function() {

 console.log(_total); // Uncaught ReferenceError: _total is not defined

 return this.name;

}

 

var McDonald = new Restaurant('McDonald');

console.log(McDonald.getName()); // 'McDonald'

McDonald.buy();

console.log(McDonald.getTotal()); // 9

合二为一,更加灵活的方式
使用模块模式我们可以多次调用,每次执行完后都会被销毁掉。使用构造函数方式可以传入一些初始化的数据,但在公有方法中无法访问到私有成员属性,如果有很多公有方法需要访问私有数据,我们全部用特权方法来写,最后会给每个实例带去很多没有必要的方法。因此,将两者结合在一起可以长短互补,结合方式也很简单

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

var Restaurant = (function() {

 // 私有属性

 var _total = 10;

 

 // 私有方法

 function _buyFood() {

 _total--;

 }

 

 // 构造函数

 function restaurant(name) {

  this.name = name;

  this.getTotal = function() {

   return _total;

  }

 }

 

 restaurant.prototype.buy = function() {

  console.log(_total); // 10

  _buyFood();

 }

 

 restaurant.prototype.getName = function() {

  return this.name;

 }

 

 return restaurant;

}) ();

 

var McDonald = new Restaurant('McDonald');

console.log(McDonald.getName()); // 'McDonald'

McDonald.buy();

console.log(McDonald.getTotal()); // 9

  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值