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

最新推荐文章于 2023-12-08 14:03:11 发布

sunlizhen

最新推荐文章于 2023-12-08 14:03:11 发布

阅读量346

点赞数

CC 4.0 BY-SA版权

分类专栏： JS类

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/sunlizhen/article/details/89016559

JS类专栏收录该内容

202 篇文章

订阅专栏

本文详细介绍了在JavaScript中如何定义和使用公有方法、私有方法及特权方法。探讨了不同对象创建方式下这些方法的具体实现，并展示了模块模式和构造函数模式中的应用实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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