JavaScript : le rôle de ce mot-clé et ce à quoi vous devez faire attention lors de son utilisation

L'appel de fonction pur, qui est l'utilisation la plus courante des fonctions, est un appel global, il représente donc l'objet global Global. Veuillez jeter un œil au code suivant pour voir les résultats. Copiez le code. Le code est le suivant

//一段正则，匹配所有_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, "-----------------");

		}
	})

Il s'agit de parcourir la balise img est l'objet img commençant par "img/", retirez le. src actuel et demandez au serveur d'obtenir un nouveau src pour remplacer celui d'origine;

Remarque : $(this).attr("src", data); Cette déclaration ne prend pas effet car il ne s'agit plus d'un objet img, mais d'un objet ajax. Par conséquent, elle ne prend pas effet et doit être remplacée comme suit :

//一段正则，匹配所有_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, "-----------------");

		}
	})

Comme indiqué ci-dessous, pointez la référence de l'objet img à une variable, puis utilisez la variable pour effectuer l'opération de remplacement

Question : Le console.log(new_img, "- ----------------"); à la fin, l'information est indéfinie pour une raison quelconque, car cette instruction est inconnue. Pourquoi est-elle exécutée en premier, comme indiqué ci-dessous :

Recommandations associées :

Portée JavaScript et ce mot-clé

Remarques sur l'utilisation du mot-clé volatile en Java

Tutoriel vidéo : $this mot-clé dans les méthodes - la dernière programmation POO orientée objet

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!