Javascript 对象封装的例子

最新推荐文章于 2022-08-09 23:45:58 发布

___NULL

最新推荐文章于 2022-08-09 23:45:58 发布

阅读量1.2k

点赞数

分类专栏：所有 Web前端

本文链接：https://blog.csdn.net/joyous/article/details/51530161

版权

所有同时被 2 个专栏收录

219 篇文章 2 订阅

订阅专栏

Web前端

69 篇文章 0 订阅

订阅专栏

创建两个对象 Javascript 对象 Life2 和 Life2，内置两个函数，分别可以被外部访问和不能被外部访问。

var self = this 指明了函数内 this 的作用域。

window.app {

... ...

};

创建 Javascript 对象集合，方便集成调。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
  //对象封装 2
  var Life = function(name, type)
  {
    var self = this;

    // 可被外部访问
    self.display = function()
    {
      console.log(name + ', ' + type);
    };

    // 私有函數, 不可被外部访问
    display1 = function()
    {
      console.log(name + ', ' + type);
    };
  }
</script>
<script type="text/javascript">
  // 创建对象集合
  window.app = {
    life1 : new Life('鲜花', '植物'),
    life2 : new Life('大象', '动物')
  };
</script>
</head>
<body>
	<script type="text/javascript">
    try
    {
      // 调用公有函数
      window.app.life1.display();
      // 私有函数
      // 将抛出异常
      window.app.life1.display1();
    }
    catch (e)
    {
      console.log(e);
    }

    try
    {
      // 调用公有函数
      window.app.life2.display();
      // 私有函数
      // 将抛出异常
      window.app.life2.display1();
    }
    catch (e)
    {
      console.log(e);
    }
  </script>
</body>
</html>

以 Life 类创建 life1 和 life2，并分别调用类内的函数，调用共公有函数将抛出异常。

Q群讨论 236201801

___NULL

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript 对象封装的例子

创建两个对象 Javascript 对象 Life2 和 Life2，内置两个函数，分别可以被外部访问和不能被外部访问。var self = this 指明了函数内 this 的作用域。window.app {... ...};创建 Javascript 对象集合，方便集成调。Insert title here //对象封装 2 var Life
复制链接

扫一扫

专栏目录