JavaScript函数闭包实例讲解

这篇文章主要讲解了“JavaScript函数闭包实例讲解”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“JavaScript函数闭包实例讲解”吧！

首先让我们来了解一下prototype方法：

1、不使用prototype属性定义的对象方法，是静态方法，只能直接用类名进行调用！另外，此静态方法中无法使用this变量来调用对象其他的属性！
2、使用prototype属性定义的对象方法，是非静态方法，只有在实例化后才能使用！其方法内部可以this来引用对象自身中的其他属性！
Tips ：所有的变量，如果不加上var关键字，则默认的会添加到全局对象的属性上去！

具体来说模拟类有以下5种常见写法：

第一种写法：具体介绍见以下代码注释。

function Circle(r) {
    this.r = r;
  }

  Circle.PI = 3.14159;
  Circle.prototype.area = function() {
    return Circle.PI * this.r * this.r;
  }

  var c = new Circle(1.0);
  alert(c.area());

第二种写法：与Java类相似，推荐使用！

var Circle = function() { 
    var obj = new Object(); 
    obj.PI = 3.14159; 
     
    obj.area= function( r ) { 
      return this.PI * r * r; 
    } 
    return obj; 
  } 
   
  var c = new Circle(); 
  alert( c.area( 1.0 ) );

第三种写法：主要思想是自己先实例化出一个对象，在往这个对象里添加属性及方法

var Circle = new Object(); 
Circle.PI = 3.14159; 
Circle.Area = function( r ) { 
    return this.PI * r * r; 
} 
 
alert( Circle.Area( 1.0 ) );

 第四种写法：该写法跳过new这一步骤，且电脑简单清晰明了，个人推荐这种写法！！

var Circle={ 
      "PI":3.14159, 
     "area":function(r){ 
         return this.PI * r * r; 
        } 
    }; 
    alert( Circle.area(1.0) );

 第五种写法：此方法与前三种大同小异，不过听说这种写法很少人用，不建议推荐使用哦！！

var Circle = new Function("this.PI = 3.14159;this.area = function( r ) {return r*r*this.PI;}"); 
 
alert( (new Circle()).area(1.0) );

想必各位朋友都在想既然是模拟面向对象，那是不是得有封装继承，getset方法？？？答案是肯定的，那让我们来看看如下代码：

 封装：在看看如下代码我们能清晰的了解到封装的使用，假若我们去掉 var name = "default"; 中的var，那么结果又是怎么样？？答案是与先前一样的，由此可见无var定义的属性只是再其变量作用域中充当全局，只有属性在其作用域中是私有的，若要定义一个私有方法需要将其赋予一个变量充当属性。还有本例中new 可加可不加，若不加可往其后添加（）。

var person = function(){  
  //变量作用域为函数内部，外部无法访问  
  var name = "default";    
    
  return {  
    getName : function(){  
      return name;  
    },  
    setName : function(newName){  
      name = newName;  
    }  
  }  
}();  
   

alert(person.name);//直接访问，结果为undefined 
alert(person.getName());  
person.setName("abruzzi");  
alert(person.getName());

实现类和继承：该例的主要思想是定义一个变量，将一个方法赋予它，在根据prototype方法将需要继承的类放入其中即可达到继承的效果。。

function Person(){  
  var name = "default";    
    
  return {  
    getName : function(){  
      return name;  
    },  
    setName : function(newName){  
      name = newName;  
    }  
  }  
  };  var Jack = function(){};
  //继承自Person
  Jack.prototype = new Person();
  //添加私有方法
  Jack.prototype.Say = function(){
    alert("Hello,my name is Jack");
  };
  var j = new Jack();
  j.setName("Jack");
  j.Say();
  alert(j.getName());

感谢各位的阅读，以上就是“JavaScript函数闭包实例讲解”的内容了，经过本文的学习后，相信大家对JavaScript函数闭包实例讲解这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是编程网，小编将为大家推送更多相关知识点的文章，欢迎关注！