JavaScript: 이 키워드의 역할과 사용 시 주의할 점

함수의 가장 일반적인 사용법인 순수 함수 호출은 전역 호출이므로 이는 전역 개체 Global을 나타냅니다. 결과를 보려면 다음 코드를 살펴보시기 바랍니다. 다음과 같이 코드를 복사합니다.

//一段正则，匹配所有_min.的图片src属性
	var test = /^img[/]/;
	//遍历所有的图片节点
	$("img").each(function(index, obj) {
		if (test.test($(this).attr("src"))) {
			var new_img;
			var this_img = $(this).attr("src");
			$.ajax({
				url : '/getImageUrl',
				type : 'post',
				data : {
					"getImageUrl" : this_img

				},
				success : function(data) {
					console.log(data, "----data");
					new_img = data;
					console.log(new_img, "----new_img");
					$(this).attr("src", data);
				}
			});
			console.log(new_img, "-----------------");

		}
	})

img 태그를 순회하는 것입니다. src는 "img/"로 시작하는 img 개체입니다. 현재 src를 제거합니다. 서버에 새 것을 요청합니다. src는 원래 src를 대체합니다.

참고: $(this).attr("src", data) ; 이 문은 img 개체가 아니고 ajax 개체이므로 적용되지 않습니다.

//一段正则，匹配所有_min.的图片src属性
	var test = /^img[/]/;
	//遍历所有的图片节点
	$("img").each(function(index, obj) {
		if (test.test($(this).attr("src"))) {
			var new_img;
			var this_img = $(this).attr("src");
			var this_src = $(this);
			$.ajax({
				url : '/getImageUrl',
				type : 'post',
				data : {
					"getImageUrl" : this_img

				},
				success : function(data) {
					console.log(data, "----data");
					new_img = data;
					console.log(new_img, "----new_img");
					this_src.attr("src", new_img);
				}
			});
			console.log(new_img, "-----------------");

		}
	})

아래와 같이 img 개체의 참조를 변수에 지정한 다음 해당 변수를 사용하여 대체 작업을 수행합니다.# 🎜🎜#

질문: console.log(new_img, "---------------- -"); 아래 표시된 것처럼 이 명령문이 어떤 이유로 먼저 실행되기 때문에 어떤 이유로 undefine이 인쇄됩니다. :

관련 추천 ：

JavaScript 범위 및 이 키워드# 🎜🎜#

Java 휘발성 키워드 사용에 대한 참고 사항

# 🎜🎜#비디오 튜토리얼: $메소드의 이 키워드 - 최신 객체 지향 OOP 프로그래밍

위 내용은 JavaScript: 이 키워드의 역할과 사용 시 주의할 점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!