美文网首页
JavaScript高级编程笔记(2)

JavaScript高级编程笔记(2)

作者: CMPEAX | 来源:发表于2018-11-02 17:20 被阅读0次

1.函数表达式

//用命名函数表达式来替代arguments.callee
var factorial = (function f(num){
  if (num <= 1){
    return 1;
  }  else {
    return num * f(num-1);
  }
});
  • 闭包和匿名函数

作用链的概念:当某个函数被调用时,会创建一个执行环境以及相应的作用域链。然后,使用arguments和其他命名参数的值来初始化函数的活动对象(activation objecct).但在作用域链中,外部函数的活动对象始终处于第二位,外部函数的外部函数的活动对象处于第三位,...直至作为作用域链终点的全局执行环境。

function func(temp){
  return function(object1){
    var value1 = object1[temp];
      
    if  (value1 < 1){
        return -1;
    }
  };
}

temp

function Outer() {
  var arr = new Array();
  for (var i = 0; i < 5; ++i) {
    arr[i] = function(num) {
        return function(){
            return num;
        }
    }(i);
  }
  return arr;
}

闭包的内存泄漏问题可以在后面解除对DOM对象的引用,通过设置变量为null可以解决问题.


2.私有变量

JavaScript 没有块级作用域的概念,可以用匿名函数来模仿块级作用域来避免这个问题。

(function() {})();
var func = function(){
}
特权方法

有权访问私有变量私有函数的共有方法称为特权方法(privileged method).

有两种在对象创建特权方法的方式。第一种是在构造函数中定义特权方法.

function myObject() {
    var tempVar = 10;
    function privateFunc() {
        return false;
    }  
  //特权方法
    this.publicMethod = function (){
        tempVar++;
        return privateFunc();
    }
}

另一种是利用私有和特权成员

function Person(name){
    this.getName = function(){
        return name;
    };
    this.setName = function(value) {
        name = value;
    };
}

var person = new Person("Nicholas");
alert(person.getName());      //"Nicholas"
person.setName("Greg");
alert(person.getName());      //"Greg"

构造函数中定义特权方法有一个缺点,就是必须使用构造函数模式来达到这个目的。构造函数模式的缺点就是针对每个实例都会创建同样一组新方法。
可以使用静态私有变量来实现特权方法避免这个问题。

静态私有变量

通过在私有作用域中定义私有变量或函数,同样也可以创建特权方法。

(function(){
    //私有变量和私有函数
    var privateVariable = 10;
    
    function privateFunction(){
        return false;
    }
    
    //构造函数
    MyObject = function(){  
    };
    
    //公有特权方法
    MyObject.prototype.publicMethod = function(){
        privateVariable++;
        return privateFunction();
    };
})();

这种模式下 变量

相关文章

网友评论

      本文标题:JavaScript高级编程笔记(2)

      本文链接:https://www.haomeiwen.com/subject/glycxqtx.html