Conceptos básicos de JavaScript (variables, operadores, funciones, declaraciones de funciones anónimas, variables globales, variables locales, problemas de sobrecarga de funciones)

Javas es un lenguaje de producto desarrollado por la compañía de policía de Internet, y no tiene nada que ver con Java.

Tres formas de introducir JS en la página html:

  • Introduzca el formato de sintaxis js 1: escriba el código js dentro de la etiqueta del script
 <script type="text/javascript">
			alert(1);
		</script>`
  • Introduzca el formato de sintaxis js 2: use el enlace externo src: importe la dirección del archivo de enlace
<script type="text/javascript" src="js/index.js"></script>
  • Introduzca el formato de sintaxis js 3: el código js se puede anidar en código html
<a href="#" onclick="alert(3)">点我啊</a>

Notas sobre el uso de js:

  • Cuando use etiquetas de script, debe usar etiquetas dobles, no etiquetas simples

No recomendado

 `<a href="#" onclick="alert(3)">点我啊</a>` 
  不推荐的原因:
				1.它会修改你当前url地址
				2.它会跳转到当前页面的最顶部
	推荐使用的语法格式:
<a href="javascript:void(0);" onclick="alert(3)">点我啊</a>
或者使用简写
<a href="javascript:;" onclick="alert(3)">点我啊</a>  这种方式是上面方式的简写
	-->

Redacción

<!--href="javascript:void(0);":我当前a标签不再超链接到一个新的界面,而是作为JS触发源而存在-->

Variable

En js, las variables se declaran con var
. Siempre que sea un tipo numérico
en js, el número impreso es número. En js, también hay un tipo de objeto, y la clase Object es la clase base de todas las clases.

var obj = new Object();
			console.debug(obj,typeof obj);//{}    object

Nota: Los objetos se muestran como {} en js

Operador

Operador básico: + - * / (Cuando la cadena se opera en js- * /% se convertirá al número correspondiente para la operación)

console.debug(2+"3");//结果为5
而+,都是在做拼接

Las cadenas y cualquier tipo de datos + se unen.
En JS, hay 6 valores falsos: 0 nulo "" indefinido NaN (no un número) falso
Otros valores son todos
operador lógico verdadero
&&: falso es cortocircuito, Cuando se usa la operación js, el primer valor es falso o el último valor
||: verdadero es cortocircuito, cuando se usa la operación js, el primer valor es verdadero o se
compara el último valor Operador
==: relativamente igual, solo compara valores, no compara tipos
===: absolutamente igual, no solo para comparar valores, sino también para comparar tipos

Operador NOT lógico
! El valor del resultado obtenido es verdadero o falso

//判断是否是一个数字的函数 isNaN  不是一个数字返回true,是一个数字返回false
		console.debug(isNaN(e-f));

función de declaración js

/*
			 * 在js中函数就相当于我们java中的方法
			 * 函数申明的语法格式:
			 * 		function  函数名([形参列表]){
			 * 			函数体
			 * 			[return 返回结果值];
			 * 		}
			 */
			function show(){
				console.debug("show show show show...");
			}
			//调用函数
			show();
			//申明函数,并且有参数
			function showParam(param1,param2){
				console.debug("show show show 参数1:"+param1+" 参数2:"+param2);
			}
			showParam("王天霸","张根锁");			
			//申明函数,并且返回结果值
			function returnValue(){
				return "李很弱";
			}
			//返回结果值,申明变量接收函数返回过来的 结果值
			var value = returnValue();
			console.debug("返回过来的结果值:"+value);

Función anónima

/*什么叫做匿名函数:简单理解,没有名字的函数就叫做匿名函数*/
			var fun = function(){
				console.debug("show show show");
			}
			//注意:匿名函数需要一个变量名来接收
			
			/*
			  var fun = function(){
				console.debug("show show show");
			  } 
			  就相当于
			  function fun(){
			  }
			 */
			
			fun();

Variables globales y variables locales Variables globales y variables locales
en js:
* Variables globales: Las variables declaradas fuera de la función o declaradas dentro de la función sin agregar var son variables globales
* Variables locales: Variables declaradas dentro de la función y Es el
problema de sobrecargar las variables locales que se declaran con var
. Las funciones no se sobrecargan en js. Cuando hay varias funciones con el mismo nombre de función en js,
* solo ejecutará la última función, las funciones anteriores son todas
Tenga en cuenta que las llamadas a la función * no se ejecutarán : la función de llamada no tiene nada que ver con los parámetros de la función. Cuando llama a la
función *, si no se pasan parámetros, los parámetros del receptor se muestran como indefinidos

23 artículos originales publicados · Me gusta1 · Visitas 162

Supongo que te gusta

Origin blog.csdn.net/weixin_45528650/article/details/105567848
Recomendado
Clasificación