• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > js闭包和面向对象设计

js闭包和面向对象设计

作者:StoneIT_ZL的博客 字体:[增加 减小] 来源:互联网 时间:2017-08-26

StoneIT_ZL的博客通过本文主要向大家介绍了面向对象,闭包,函数等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

如下这段闭包相关的代码:

var extent = function(){
    var value = 0;
    return {
        call: function(){
            value++;
            console.log( value );
        }
    }
};

var extent = extent();

extent.call();   //  输出: 1
extent.call();   //  输出: 2
extent.call();   //  输出: 3

换成面向对象的写法如下:

var extent = {
    value: 0,
    call: function(){
        this.value++;
        console.log(this.value);
    }
}

extent.call();   //  输出: 1
extent.call();   //  输出: 2
extent.call();   //  输出: 3

或者

var Extent = function(){
    this.value = 0;
}
Extent.prototype.call = function(){
    this.value++;
    console.log(this.value)
}

extent.call();   //  输出: 1
extent.call();   //  输出: 2
extent.call();   //  输出: 3
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • javascript 判断一个对象为数组的方法
  • js中的面向对象入门
  • JS对象创建的几种方式整理
  • javascript 面向对象function详解及实例代码
  • JS使用面向对象技术实现的tab选项卡效果示例
  • 微信小程序 两种为对象属性赋值的方式详解
  • JavaScript中创建对象的7种模式详解
  • JS获得一个对象的所有属性和方法实例
  • js面向对象编程总结
  • js 原型对象和原型链理解

相关文章

  • 2017-05-11C#微信小程序服务端获取用户解密信息实例代码
  • 2017-05-11ThinkPHP+jquery实现“加载更多”功能代码
  • 2017-05-11JS中传递参数的几种不同方法比较
  • 2017-05-11干货!教大家如何选择Vue和React
  • 2017-05-11超简单的Vue.js环境搭建教程
  • 2017-05-11简单的jQuery拖拽排序效果的实现(增强动态)
  • 2017-05-11JS字符串false转boolean的方法(推荐)
  • 2017-05-11常用的几个JQuery代码片段
  • 2017-05-11Vue开发过程中遇到的疑惑知识点总结
  • 2017-05-11超全面的javascript中变量命名规则

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 使用jquery给新生的th绑定hover事件的实例
    • jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
    • 基于bootstrap按钮式下拉菜单组件的搜索建议插件
    • 作为老司机使用 React 总结的 11 个经验教训
    • vue-resource 拦截器使用详解
    • nodejs个人博客开发第五步 分配数据
    • bootstrap组件之导航组件使用方法
    • jQuery基于ajax实现页面加载后检查用户登录状态的方法
    • vue.js父组件使用外部对象的方法示例
    • Javascript map如何实现

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有