JavaScript的标识符，关键字，字面值 JavaScript中的变量 JavaScript中的函数 JavaScript中的变量

淩亂°似流年 2022-06-06 05:48 253阅读 0赞

<html>
    	<head>
    		<meta charset="utf-8">
    		<title>JavaScript的标识符，关键字，字面值</title>
    	</head>
    	<body>
    		<script type="text/javascript">
    			/*
    				1.关于javascript中的标识符：
    					1.1 . 标识符命名规则
    						-必须由数字，字母，下划线，美元符号组成   不能含有其它符号
    						-不能以数字开始
    						-严格区分大小写
    						-关键字不能作为标识符
    					1.2 . 标识符命名规范
    						-望文知意
    						-遵循驼峰命名方式
    						-类名首字母大写，后面每个单词首字母大写
    						-函数名，变量名首字母小写   后面每个单词首字母大写
    					1.3 . javascript虽然和java完全不同，但是有些语法是相似的
    						例如：java和javascript中的标识符规则和规范都是相同的
    				2.关于javascript中的关键字：
    					2.1 . 什么是关键字可用words？
    						在javascript语言当中具有特殊含义的单词
    						全部小写
    						关键字不能作为标识符
    					2.2 . 常见的关键字？
    						function var if else for while do true false  ... ...
    					2.3 . 关键字不需要特意去记忆，通过不断的编写程序加以锻炼。
    				3.关于javascript中的字面值
    					10 'abc' "afcdef" false true 2.0
    					以上都是字面值，字面值在C语言中被称为常量。
    			*/
    			//var是关键字
    			//i是标识符
    			//100是字面值
    			var i = 100;
    			var username = "zhaoda";
    			var price = 3.2;
    			var sex = true;
    		</script>
    	</body>
    </html>
    
    
    
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>JavaScript中的变量</title>
    	</head>
    	<body>
    		<script type="text/javascript">
    			/*
    				1.什么是变量？
    					变量是内存中存储数据的的最基本的单元
    					任何一个“编程”语言当中都有变量，使用变量来存储数据
    					变量都有：变量“名”，变量“数据类型”，变量中保存的具体数“值”
    				2.回顾关于java语言当中的变量：
    					2.1 . java语言中声明变量
    						数据类型 变量名;
    						int i;
    					2.2 . java语言中变量的赋值
    						变量名 = 值;
    						i = 100;
    					2.3 . 在一行上可以声明多个变量 ，之间用逗号隔开
    					2.4 . java语言中的变量可以声明的同时进行赋值运算
    						int i = 100;
    					2.5 . java语言是有编译阶段的，编译期间确定变量i的数据类型为int，
    						程序从开始运行到最终结束，i变量的内存空间大小“只能”是4个字节，
    						不能发生任何变化，i变量中“只能”保存int类型的字面值，其它类型的字面值不能保存。
    						这种编程语言被称为强类型/强转换语言。[强迫你，必须这样做，不这样做程序是无法编译通过的]
    					2.6 . 体验强制性：
    						public void login(String username, String password){}
    						调用上面的方法：
    							login("abc","def");没有问题，编译可以通过
    							login(10,20);不行，编译直接报错，告诉你类型不匹配，这就是一种强制性行为
    					3.关于JavaScript中的变量：
    						3.1 . javascript语言中声明变量
    							var 变量名;
    							var i;
    						3.2 . javascript语言中变量的赋值
    							变量名 = 值;
    							i = 100;
    							但是也可以这样：
    							i = false;
    							i = 3.0;
    							i = "abc";
    						3.3 . 在一行上可以声明多个变量，之间用逗号隔开
    						3.4 . javascript语言中的变量可以声明的同时进行赋值运算
    							var i = 100;
    						3.5 . javascript编程语言没有编译阶段，不做编译检查，直接使用浏览器打开解释执行，
    							所以javascript语言被称为弱类型/弱转换语言，变量可以随意赋值，
    							并且赋值的时候，这个“值”数据类型可以不同，赋值的时候“值”是什么数据类型，那么变量就是这种数据类型！
    								var i = 100;
    								i = false;
    								i = "abc";
    							javascript中所有的变量声明时不需要指定数据类型，统一采用var关键字声明。
    							在javascript中变量中的“值”起决定性作用，“值”决定一切。但是在java编程语言
    							中变量决定将来赋的具体值。
    								java：int i = 100; i = false; 保错[变量说了算]
    								javascript：var i = 100; i = false; 可以[值说了算]
    					4.java中的变量内存在JVM中，javascript的变量内存在浏览器缓存当中
    					5.java中的变量必须先声明再赋值才能使用，javascript中的变量同样也是必须先声明再赋值才能使用，
    						但是javascript中的变量如果没有赋值，系统会默认赋值undefined		
    			*/
    			//声明变量
    			var i;
    			alert("i = " + i);//undefined
    			//赋值
    			i = 10;
    			alert("i = " + i);//10
    			//重新赋值
    			i = "abc";
    			alert("i = " + i);//abc
    			//再次赋值
    			i = false;
    			alert("i = " + i);//false
    			
    			//一行上声明多个变量
    			var a,b,c = 300;
    			alert("a = " + a);//undefined
    			alert("b = " + b);//undefined
    			alert("c = " + c);//300
    		</script>
    	</body>
    </html>
    
    
    
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>JavaScript中的函数</title>
    	</head>
    	<body>
    		<script type="text/javascript">
    			/*
    				1.什么是函数？
    					所有的“编程”语言当中都有函数
    					函数是一段可以被重复利用的代码片段
    					并且这段代码片段可以完成某个特定的功能
    				2.在java语言当中函数被叫做“方法”，在C语言当中叫做函数
    				3.javascript当中也被叫做函数，翻译为：function
    				4.回顾java语言中的方法：[强类型]
    					方法声明：
    						[修饰符列表] 返回值类型 方法名(形式参数列表){方法体;}
    					方法声明的案例：
    						public static boolean login(String username, String password){
    							return false;
    						}
    					方法调用：
    						类名.方法名(实际参数列表);
    						引用.方法名(实际参数列表);
    					方法调用案例：
    						boolean retValue = 类名.login("admin", "111111");
    				5.关于JavaScript中的函数：[弱类型]
    					函数的声明：
    						function 函数名(形式参数列表){函数体;}
    						--function是关键字
    						--javascript中的函数不需要指定返回值类型，因为可以返回任何数据类型的值
    						--函数名只要是合法的标识符就行，望文知意
    						--形式参数列表/形参：局部变量，变量不需要指定数据类型，在javascript中形参只需要指定参数的个数，
    							形参个数可以是0个，形参个数也可以是多个，多个之间用逗号隔开。
    						--函数体由javascript语句堆积而成，最终完成某个特定的功能
    						--javascript中的函数执行结束的时候可以编写return语句返回值，也可以不编写return语句返回值。
    					函数声明的案例：
    						function sayHello1(){}
    						function sayHello2(){
    							return;
    						}
    						function sayHello3(){
    							return false;
    						}
    						function sayHello4(){
    							return "abc";
    						}
    						function sayHello5(a){
    						}
    						function sayHello6(a, b){
    						}
    						function sayHello7(a, b, c){
    						}
    					调用以上函数：
    						--javascript中的函数不调用是不会执行的
    						--javascript函数调用的时候会在栈内存中分配空间，发生压栈动作
    						函数执行结束之后，会发生弹栈动作，局部变量的内存在栈内存中分配
    						局部变量的生命周期是整个方法体，方法结束局部变量内存释放了。
    						--怎么调用呢？
    							sayHello1();
    							sayHello2();
    							var v1 = sayHello3();
    							var v2 = sayHello4();
    							sayHello5(false);
    							sayHello6(10, 20);
    						--javascript中的函数没有重载overload这种机制，因为javascript是一种弱类型的编程语言。
    			*/
    			//在这里编写调用程序可以吗？
    			sayHello();//可以调用，整个网页实际上加载的时候，优先加载函数
    			
    			//声明函数，函数不调用事不会执行的
    			function sayHello(){
    				alert("Hello word!有参数：" + i);
    			}
    			function sayHello(e){
    				alert("无参数的方法！");
    			}
    			
    			//必须调用才能执行
    			//在javascript中所有的函数名不能重名
    			//如果重名最后加载的函数会清除掉之前加载的所有同名函数
    			sayHello("a","a");
    			
    			
    			//声明函数
    			function sum(a, b) {
    				return a + b;
    			}
    			//调用函数
    			var result1 = sum(10, 20);
    			alert(result1);//30 [求和]
    			
    			var result2 = sum("10", 20);
    			alert(result2);//"1020" [字符串连接]
    			
    			var result3 = sum(false, "abc"); 
    			alert(result3);//"falseabc" [字符串连接]
    			
    			var ok = sum();
    			alert(ok);
    		</script>
    	</body>
    </html>
    
    
    
    
    
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>JavaScript中的变量</title>
    	</head>
    	<body>
    		<script type="text/javascript">
    			//直接在脚本块中定义的变量是全局变量
    			//全局变量的生命周期是“从浏览器打开，到最终浏览器关闭”
    			//只要浏览器不关闭，全局变量的内存永远存在
    			var username = "全局变量的生命周期是“从浏览器打开，到最终浏览器关闭”";
    			
    			//声明函数
    			function sayHello(){
    				alert("hello --- " + username);//这里访问的username是全局变量
    				//继续访问全局变量 username
    				username = "修改的全局变量";
    			}
    			//调用函数
    			sayHello();
    			
    			//访问全局变量
    			alert("username = " + username);
    			//变量只声明没有赋值，系统会默认赋值undefined
    			var v;//undefined
    			//一个变量没有声明直接访问，会抱错
    			//alert(ceshi);//异常：引用错误，ceshi未定义
    			
    			//以下程序不会报错，但是访问的结果是undefined
    			//在实际开发中尽量不要这样编写
    			//alert(xyz);//undefined
    			//var xyz = "ceshi";
    			
    			//声明函数
    			function testFun(){
    				//局部变量
    				var i = "局部变量";//内存空间只在函数体中有效
    			}
    			//调用函数
    			testFun();
    			
    			//访问变量
    			//alert(i);//异常，i变量不存在
    			
    			//声明函数
    			function myFun(){
    				//重点内容；
    				//变量声明的时候没有使用var关键字
    				//不管这个变量是声明在什么位置的
    				//该变量都是全局变量
    				usercode = "未使用var关键字的变量";
    			}
    			//访问usercode
    			//alert("usercode = " + usercode);//异常，usercode变量不存在
    			//调用函数
    			myFun();
    			//访问usercode
    			alert("usercode = " + usercode);
    		</script>
    	</body>
    </html>

**希望对你有帮助，祝你有一个好心情，加油！**

**若有错误、不全、可优化的点，欢迎纠正与补充！**