jquery的变量作用域和作用域链的使用

  1、函数变量的作用域有全局变量和局部变量两种,全局变量写在函数的最前面,局部变量写在函数体内,局部变量省略了var 也就默认成为了全局变量!
    2、函数体内部可以读取到函数外的变量,而函数外不能读取到函数内的变量!

每次调用viewMoreComment 方法的时候。在外面定义的变量还会接着上次调用方法时候的count与i的值

/**
 * 查看更多评论
 */
var count=0;
var i = 1;
var viewMoreComment = function(){
	i+=1;
	count=i*10+1
	start = (i-1)*10;
	var params = {
			adviceId:$("#adviceId").val(),offset:start,limit:count
	}
	var url = CONTEXT_PATH + "/advice/viewMoreComment";
	$.ajax({
		type:"post",
		url :  url,
		data : params, 
		cache:false,
        async:false,
        dataType:"json",
		success : function(retData){
			if(retData.length==0){
				$("#moreComment").hide();
			}
			var ret = retData;
			var tpUrl = CONTEXT_PATH+'/view/gateway/images/user.png';
			for(var i=0;i<ret.length;i++){
				$("#morecommentList").append("<li><img src='"+tpUrl+"'>" +
						                      "<p><span>"+ret[i].commentPeopleName+"</span><span>"+ret[i].commentTime+"</span></p>" +
						                      "<div>"+ret[i].content+"</div>"+
				                              "</li>");  
			}
		}
	});



	}

作用域链

如果变量是在函数内声明的,那么的作用域仅在函数内,函数之外不能调用。函数调用执行完后,函数内的变量立即销毁

如果变量是在函数外声明的,它的作用域是全局的,也叫全局变量。在页面被浏览器加载后,全局变量一直存于内存中,直到页面被关闭才销毁。

作用域是针对变量的,比如我们创建了一个函数,函数里面又包含了一个函数,那么现在就有三个作用域

  全局作用域==>函数1作用域==>函数2作用域

作用域的特点就是,先在自己的变量范围中查找,如果找不到,就会沿着作用域往上找。

var a = 1;
function b(){
    var a = 2;
    function c(){
        var a = 3;
        console.log(a);
    }
    c();
}
b();

最后打印出来的是3,因为执行函数c()的时候它在自己的范围内找到了变量a所以就不会越上继续查找,如果在函数c()中没有找到则会继续向上找,一直会找到全局变量a,这个查找的过程就叫作用域链。

不知道你有没有疑问,函数c为什么可以在函数b中查找变量a,因为函数c是在函数b中创建的,也就是说函数c的作用域包括了函数b的作用域,当然也包括了全局作用域,但是函数b不能向函数c中查找变量,因为作用域只会向上查找。

那么什么是原型链呢?

  原型链是针对构造函数的,比如我先创建了一个函数,然后通过一个变量new了这个函数,那么这个被new出来的函数就会继承创建出来的那个函数的属性,然后如果我访问new出来的这个函数的某个属性,但是我并没有在这个new出来的函数中定义这个变量,那么它就会往上(向创建出它的函数中)查找,这个查找的过程就叫做原型链。

  Object ==> 构造函数1 ==> 构造函数2

  就和css中的继承一样,如果自身没有定义就会继承父元素的样式。

function a(){};
a.prototype.name = "追梦子";
var b = new a();
console.log(b.name); //追梦子

猜你喜欢

转载自blog.csdn.net/qq_35029061/article/details/83573068