让你的javascript函数拥有记忆功能，降低全局变量的使用

考虑例如以下场景：假如我们须要在界面上画一个圆，初始的时候界面是空白的。当鼠标移动的时候，圆须要尾随鼠标移动。鼠标的当前位置就是圆心。我们的实现方案是：假设界面上还没有画圆，那么就新创建一个；假设已经存在，就直接更新其位置。这样可以避免先销毁。后创建的开销。

var circle = null;function drawCircle(position)
{if(circle == null){circle = GUI.Create(position);//创建1个圆}else{circle.updatePositon(position);//更新圆的位置}
}

这段代码没有什么问题，除了引入了全局变量circle，而实际上circle仅仅会在drawCircle()函数中使用。也就说为了实现if-else的推断，我们不得不使用全局变量。

有没有什么方式可以让函数拥有记忆功能，可以记住之前是否创建了圆。

这种话，我们就不用使用全局变量了。

var drawCircle = function(position)
{var circle = null;function innerFunc(position){if(circle == null){circle = GUI.Create(position);}else{circle.updatePositon(position);}}return innerFunc;
}();

这段代码可以正确的实现须要的功能，并且不会引入没有必要的全局变量。

var drawCircle = function(position)
{}();

这段代码会定义1个作用域。大括号内部定义的变量和函数，对于外部都是不可见的。并且大括号内部的代码会立马运行，代码之前完之后将innerFunc赋值给drawCircle函数。这种话。就行缩小变量的作用域。

转载于:https://www.cnblogs.com/mengfanrong/p/5222609.html

让你的javascript函数拥有记忆功能，降低全局变量的使用相关推荐

深入理解 JavaScript 函数的特性与最佳实践
函数用于指定对象的行为.所谓的编程,就是将一组需求分解为一组函数和数据结构的技能. 1 函数对象 JavaScript 函数就是对象.对象是名值对的集合,它还拥有一个连接到原型对象的链接.对象字面量产 ...
Javascript函数和事件
一.默认函数 JavaScript提供了一些默认的函数编码函数escape():将非字母.数字字符转换成ASCII码译码函数unescape():将ASCII码转换成字母.数字字符求值函数eva ...
第一百零二节，JavaScript函数
JavaScript函数学习要点: 1.函数声明 2.return返回值 3.arguments对象函数是定义一次但却可以调用或执行任意多次的一段JS代码.函数有时会有参数,即函数被调用时指定了值 ...
菜鸟教程之 JavaScript 函数(function)
From:https://www.runoob.com/js/js-function-definition.html JavaScript 函数定义 JavaScript 使用关键字 function ...
JavaScript函数和BOM及DOM编程（详细总结-无尿点）
JavaScript函数和BOM及DOM编程(详细总结-无尿点) javascript 函数一.javascript函数 1.1 概述 1.2 常见的系统函数 1.2.1 eval 1.2.2 pa ...
JavaScript函数，作用域以及闭包
JavaScript函数,作用域以及闭包 1. 函数 (1). 函数定义:函数使用function关键字定义,它可以用在函数定义表达式或者函数声明定义. a. 函数的两种定义方式: * functio ...
JavaScript函数详细介绍
一.函数介绍函数就是将实现特定功能的代码封装起来,当我们需要实现特定功能时,直接调用函数实现即可,不需要每次都写一堆代码,实现代码的复用. 函数的作用: 1.实现功能的封装,提高代码复用率 2.用于 ...
深入理解javascript函数系列第二篇——函数参数
前面的话 javascript函数的参数与大多数其他语言的函数的参数有所不同.函数不介意传递进来多少个参数,也不在乎传进来的参数是什么数据类型,甚至可以不传参数.本文是深入理解javascript函数 ...
Javascript函数的简单学习
第九课函数的定义与调用 1:函数的定义语法格式 function 函数名(数据类型参数1){//function是定义函数的关键字方法体;//statement ...

让你的javascript函数拥有记忆功能，降低全局变量的使用

让你的javascript函数拥有记忆功能，降低全局变量的使用相关推荐

最新文章

热门文章