私有变量,分装起来, 通过公共的特权方法来访问他们;
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
// 私有变量,分装起来, 通过公共的特权方法来访问他们; function Box() { var age = 100; function run(){ return '运行中.........' } this.publicGo = function() { return age + run(); } this.publicAge = function() { return age; } } var box = new Box(); console.log(box.publicGo()); console.log(box.publicAge()); |
PS:函数里面写构造函数,不支持,因为私有作用域里的函数,外部无法访问,不过内部可以使用
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
var box = function(){ var user = 'CZJ'; // 私有变量 function run(){ // 私有函数 return '运行中...' } var obj = { publicGo : function() // 对外公共接口的特权方法 { return user + run(); } }; return obj }(); alert(box.publicGo()); // CZj运行中............... console.log(box.run()); // 无法在这里访问 这里在他的作用域下访问 |
访问函数里面的函数:
1 2 3 4 5 6 7 8 |
function A() { function B() { // 输入你要执行的内容例如: alert("执行内容") } } A()(); //执行内容 |
js 函数调用另一个函数中的函数
1 2 3 4 5 6 7 |
function A(){ this.B = function(){return 20;} } function C(){ var D = new A(); alert(D.B()); } |
?闭包与变量的问题
作用域链的这种配置机制引出了一个值得注意的副作用,即闭包只能获取包含函数中任何变量的最后一个值。而不是某个特殊的变量。下面这个例子可以很清晰的说明这个问题
1 2 3 4 5 6 7 8 9 10 11 |
function createFunctions(){ var result = new Array(); for(var i = 0; i<10; i++){ result[i] = function(){ return i; } } return result; } alert(createFunctions()[5]()); // 10 |
这个函数会返回一个函数数组。表面上看,视乎每一个函数都应该返回自己的索引值,即位置0的函数返回0,位置1返回1,以此类推。但实际上,每个函数都返回10,因为函数的作用域链中都保存着 createFunction() ?函数的活动对象,所以它们引用的都是同一个变量i。当createFunctions () 函数返回后,变量i的值是10,此时每个函数都引用着保存变量i的同一个变量对象,所以在每个函数内部i的值都是10,。但是我们可以创建另一个匿名函数强制让闭包的行为符合预期,如下
1 2 3 4 5 6 7 8 9 10 11 12 13 |
function createFunctions(){ var result = new Array(); for(var i = 0; i<10; i++){ result[i] = function(num){ return function(){ return num; } }(i); } return result; } alert(createFunctions()[5]()); // 5 |
在这个修改后的例子中,我们没有直接把闭包赋值给数组,而是定义了一个匿名函数,并将立即执行的该匿名函数的结果返回给数组。这里的匿名函数有有一个参数num,也就是最总要返回的值。在调用每个匿名函数的时候,我们传入了变量i。由于函数传参是按值传递的,所以就会将变量i的当前值 复制给参数num。而在这个匿名函数内部,又创建并返回了一个范文num的闭包。,这样一来,result数组中的每个函数都有自己num变量的一个副本,因此就可以返回不同的数值了。
闭包里面的this
在闭包里面使用this对象也可能会导致一些问题