JS_js闭包，对象封装，name缓存

电玩女神 2022-10-27 05:13 138阅读 0赞

总结：局部变量无法共享和长久的保存，而全局变量可能造成变量污染，当我们希望有一种机制既可以长久的保存变量又不会造成全局污染。

# 基础写法 #

## 写法一 ##

function f1(){ 
    	var a=10;
    	function f2(){ 
    		a++;
    		console.log(a);
    	};
    	return f2;
    };
    //相当于把f1执行的结果赋给了一个全局变量f，导致f2始终在内存中没有回收，f2依赖于f1，所以f1不会调用后回收
    var f = f1();
    f();

## 写法二 ##

function f1(){ 
    	var a=10;
    	return function(){ 
    		a++;
    		console.log(a);
    	};
    };
    var f = f1();
    f();

## 写法三 经典闭包 ##

// 闭包应用 => 处理私有数据
    let makeCounter function () { 
    	let privateCounter = 0;
    	function changeBy(val) { 
    		privateCounter += val;
    	}
    	return { 
    		increment: function () { 
    			changeBy(1);
    		},
    		decrement: function () { 
    			changeBy(-1);
    		},
    		value: function () { 
    			return privateCounter;
    		}
    	}
    }
    
    let c1 = makeCounter();
    c1.increment()
    c1.increment()
    console.log(c1.value());

# 对象封装，name缓存 #

## 写法一 ##

function Person(){ 
    	var name = 'abc';
    	return { 
    		getName:function(){ 
    			return name;
    		},
    		setName:function(newName){ 
    			name = newName
    		}
    	}
    };
    var person = Person();
    person.getName();
    //改变name
    person.setName('xyz');
    person.getName();

## 写法二 ##

var Person = function(){ 
    	var name = 'abc';
    	return { 
    		getName:function(){ 
    			return name;
    		},
    		setName:function(newName){ 
    			name = newName
    		}
    	}
    }();
    person.getName();
    //改变name
    person.setName('xyz');
    person.getName();

发表评论取消回复

表情：

评论列表（有 0 条评论，138人围观）

还没有评论，来说两句吧...

相关阅读

相关 Python函数对象与闭包

本文主要介绍了Python函数对象与闭包，函数对象指的是函数可以被当做’数据’来处理，具体可以分为四个方面的使用，我们就与[微点阅读][Link 1]小编一起来看看具体的这四种

Myth丶恋晨/ 2024年03月31日 16:50/ 0 赞/ 62 阅读

相关 JS利用闭包实现缓存器策略

[JS实现缓存器策略视频讲解][JS] 作用：以空间换时间，重复的计算将从缓存中取数而不是计算，提高效率。代码： / 缓存器策略计算阶乘 @param

小咪咪/ 2023年07月13日 03:52/ 0 赞/ 6 阅读

相关 JS_js闭包，对象封装，name缓存

总结：局部变量无法共享和长久的保存，而全局变量可能造成变量污染，当我们希望有一种机制既可以长久的保存变量又不会造成全局污染。基础写法写法一 funct

电玩女神/ 2022年10月27日 05:13/ 0 赞/ 139 阅读

相关 27-JavaScript-面向对象-闭包

闭包 1. 什么是闭包(closure) JavaScript闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量(键值对),

青旅半醒/ 2022年09月18日 09:48/ 0 赞/ 155 阅读

相关闭包

1、定义：当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包 function A(){ var count = 0;

素颜马尾好姑娘i/ 2022年06月09日 09:20/ 0 赞/ 216 阅读

相关闭包

先来看一个题目例子，我将在下一环节出闭包讲解。。题目描述实现函数 makeClosures，调用之后满足如下条件： 1、返回一个函数数组 result，长度与

喜欢ヅ旅行/ 2022年06月04日 05:51/ 0 赞/ 213 阅读

相关面向对象及闭包

封装 var Book = function(id,bookname,price)\{ this.id=id; this.bookname=bookname;

Love The Way You Lie/ 2022年05月26日 05:49/ 0 赞/ 158 阅读

相关 JavaScript 闭包缓存使用例子

1.单独在一个页面中使用 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

太过爱你忘了你带给我的痛/ 2022年05月15日 03:20/ 0 赞/ 219 阅读

相关 javaScript复习（八）对象、闭包

Function对象 Function对象：一切（引用类型）都是对象，对象是属性的集合 undefined, number, string, boolean属于简单的值类型

小咪咪/ 2022年04月16日 06:12/ 0 赞/ 161 阅读

相关 java闭包与对象克隆

测试闭包与浅克隆 / 测试闭包 / public class BiBaoTest { public void

朴灿烈づ我的快乐病毒、/ 2022年02月02日 21:23/ 0 赞/ 147 阅读