javaScript 11-13

最新推荐文章于 2024-09-02 17:27:54 发布

weixin_44907496

最新推荐文章于 2024-09-02 17:27:54 发布

阅读量65

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44907496/article/details/109679150

版权

JavaScript_2

JavaScript中的变量
1.数据类型
2.名称
3.数据值
4.作用域

2.JavaScript中的数据类型
1.javaScript的变量的数据类型，不是在声明/定义变量的时候决定的，javaScript的变量的数据类型是在赋值之后，根据所赋予的具体数据值决定变量的数据类型。
var a = 100;
var b;
b=”hello”;
2.javaScript具体数据类型
字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。
JavaScript 拥有动态类型
javaScript的变量的数据类型，不是在声明/定义变量的时候决定的，javaScript的变量的数据类型是在赋值之后，根据所赋予的具体数据值决定变量的数据类型。
var a = 100; //a 数字(Number)
a=”hello”; //字符串（String）
2.1JavaScript 字符串
字符串是存储字符（比如 “Bill Gates”）的变量。
字符串可以是引号中的任意文本。您可以使用单引号或双引号;
“hello”, ‘world’----常量
例如:
var carname=“Volvo XC60”;
var carname;
carname=’Volvo XC60’;
您可以在字符串中使用引号，只要不匹配包围字符串的引号即可
“zhnagsn:say”hello””------>“zhnagsn:say’hello’”
例如:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>javascript中的字符串</title>
		<script>
			//String -- 字符串数据类型
			//"" 、  '' ---字符串数据类型标志
			//"hello"----字符串常量【程序运行过程中不会改变的数据】
			//字符串变量的声明/定义
			var  str1="hello";
			var str2;
			str2="你好";
			//window.alert(str1);
			//您可以在字符串中使用引号，只要不匹配包围字符串的引号即可
			//var say1="zhangsan:say"hello"";【不推荐使用】
			//双引号中的双引号用单引号代替
			//var say1="zhangsan:say'hello'";
			window.alert(str2);
		</script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述
2.2数字（Number）
JavaScript 只有一种数字类型。数字可以带小数点，也可以不带。
极大或极小的数字可以通过科学（指数）计数法来书写

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>javascript数字型</title>
		<script>
			var num1=100;  //整数的数字型
			var num2=12.5; //小数的数字型
			//整数与小数统一成数字型Number
			var num3=num1+num2;
			//alert("num3=="+num3);
			//极大或极小的数字可以通过科学（指数）计数法来书写
			var y=123e5;
			var z=123e-5;
			alert("y=="+y);
		</script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述
2.3JavaScript 布尔[逻辑]【Boolean】
取值只有两种：true/false
往往都是用来做判断

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>布尔Boolean</title>
		<script>
			var boo1=true;
			var boo2=false;
			function isAge(){
				//得到文本框输入的年龄值
				var ageText=document.getElementById("in1");
				var spanText=document.getElementById("span");
				var age=ageText.value;
				var res= age > 18;
				if(res){
					spanText.innerHTML="年龄合法!";
				}else{
					spanText.innerHTML="年龄不合法!";
				}
			}
		</script>
	</head>
	<body>
		<input id="in1" type="text" value="请输入年龄"  /><span id="span"></span>
		<input type="button" value="判断年龄" onclick="isAge();" />
	</body>
</html>

在这里插入图片描述
2.4数组类型【Array】
数组就是保存一组数据值的数据类型。
数组定义:
1.先定义，后赋值
var arr1=new Array(); //定义/创建
数组赋值–通过下标
理解下标：具体数据值在数组中的位置【从0开始】
格式:数组变量名称[下标]=数据值;
arr1[0]=”zhangsan”;
arr1[1]=23;
arr1[2]=true;
2.定义+赋值
var arr2=new Array(“zhangsan”,23,true); //定义+赋值
数组的取值: 数组名称[下标]
arr2[1]----23
数组的length属性：得到数组把中的元素个数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数组[Array]</title>
		<script>
			/**
			 * 数组就是保存一组数据值的数据类型。
				数组定义:
				1.先定义，后赋值
				var arr1=new Array(); //定义/创建
				数组赋值--通过下标
				理解下标：具体数据值在数组中的位置【从0开始】
				格式:数组变量名称[下标]=数据值; 
				arr1[0]=”zhangsan”;
				arr1[1]=23;
				arr1[2]=true;
				2.定义+赋值
				var arr2=new Array(“zhangsan”,23,true); //定义+赋值
				数组的取值: 数组名称[下标]
                arr2[1]----23
			 */
			function testArray(){
			  /*	
			  var h_arr1=new Array();
			  h_arr1[0]=1;
			  h_arr1[1]=2;
			  h_arr1[2]=3;
			  h_arr1[3]=4;
			  h_arr1[4]=5;
			  h_arr1[5]=6;
			  */
			  var h_arr1=new Array(1,2,3,4,5,6);
			  //document.write("<h"+h_arr1[0]+">测试数组</h"+h_arr1[0]+">");
			  //数组的length属性：得到数组把中的元素个数
			  var len=h_arr1.length;
			  //alert(len);
			  for(var i=0;i<len;i++){
				 document.write("<h"+h_arr1[i]+">测试数组</h"+h_arr1[i]+">");
			  }
			 }
		</script>
	</head>
	<body>
		<input type="button" value="测试数组" onclick="testArray();"/>
	</body>
</html>

在这里插入图片描述
2.5 JavaScript 对象
通过”{}”,在其中使用键值对【标题:页码】

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>对象型</title>
		<script>
			//定义对象变量
			//通过”{}”,在其中使用键值对【标题:页码】
			var user={userid:1001,
					  username:"zhangsan",
					  useraddress:"西安",
					  getName:function(){
						return "hello";  
					  }
					  };
			//对象的使用
			//alert(user.userid);
			//alert(user["username"]);
			//alert(user['username']);
			//alert(user.getName());
			//对象---{}
			//对象中的元素是变量,函数
			//对象中的变量 【变量名称:数值】
			//对象中的函数 【函数名称:function(){}】
			//访问对象中的变量
			//对象名称.变量名称  / 对象名称["变量名称"] 
			//对象名称.函数名称()
		</script>
	</head>
	<body>
	</body>
</html>

2.6 javascript中的Undefined 【未定义】
Undefined --没有值
2.7 javascript中的null[空]
null—有值，只是值的内容是空的。
通常情况下定义的变量如果不确定数据类型，可以使用null空类型代替。
var a=null;
var b=null;
a=“zhangsan”;
3.JavaScript 注释
注–标注【为了以后查看】
释–说明
注释—标注出来程序，解释说明含义。
注释的作用：1.标注出来程序，解释说明含义，方便他人或者以后的自己查看。
2.调试程序
注释的特征:注释的内容是不会被执行的
Javascript中的注释有2中:
1.单行注释【一次注释一行】
// 被注释的内容【自己的解释说明含义的文字/代码】
出现的位置【1.当前行代码上面一行 2.当前行代码后面】
例如:
var num1=100; //整数的数字型
var num2=12.5; //小数的数字型
//整数与小数统一成数字型Number
var num3=num1+num2;
2.多行注释【一次注释多行】
/*
*被注释的内容
*【自己的解释说明含义的文字/代码】

//可以包含单行注释
*/
不要使用javascript语法注释去注释html标记
4.JavaScript 函数
函数也叫方法。
函数其实就是实现某一个相关功能的代码集合【代码块{}】
函数的语法格式:
function 函数名称{

}
function 是声明/定义函数的关键字
函数名称
()----参数列表【可以有，也可以有多个，可以没有(没有参数，不能省略)】
参数将当前函数之外的数据引入到当前函数中进行运算【找帮手】
{}–代码块具体实现功能的代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>函数</title>
		<script>
			/*
			函数也叫方法。
			函数其实就是实现某一个相关功能的代码集合【代码块{}】
			函数的语法格式:
			function [函数名称](){
			
			}
			function 是声明/定义函数的关键字
			函数名称
			()----参数列表【可以有，也可以有多个，可以没有(没有参数，不能省略)】
			参数将当前函数之外的数据引入到当前函数中进行运算【找帮手】
			{}--代码块具体实现功能的代码
			*/
		     //1.根据函数有没有名称【有名函数，匿名函数】
			 /*
			 function test1(){
				 alert("有名函数");
			 }
			 */
			/*
			window.οnlοad=function(){
				 alert("匿名函数");
			}
			*/
		    //2.根据函数有没有参数【有参函数，无参数函数】
			function test2(){
				 alert("无参数函数");
			}
			function test3(num1,num2){
			    var res=num1+num2-10;
				alert("res=="+res);
			}
			//3.根据函数有没有结果【有返回值函数，无返回值函数】
			function test4(){
			    var res=100-10;
				return res; //返回结果【函数调用处】
			}
			function test5(num1,num2){
			    var res=num1+num2-10;
				alert("res=="+res);
			}
			
			function test6(a1){
				return null;
			}
			//有参数函数  1.看个数 2传
			//有返回值函数  那里调用，那里接
		</script>
	</head>
	<!--<body onload="test1();">-->
	<body>
		<input type="button" value="测试无参数函数"  onclick="test2();"/><br>
		<input type="button" value="测试有参数函数"  onclick="test3(12.5,23.8);"/><br>
		<input type="button" value="测试有返回值函数"  onclick="var a=test4();alert(a);"/>
	</body>
</html>

在这里插入图片描述

weixin_44907496

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript 11-13

JavaScript_2JavaScript中的变量1.数据类型2.名称3.数据值4.作用域2.JavaScript中的数据类型1.javaScript的变量的数据类型，不是在声明/定义变量的时候决定的，javaScript的变量的数据类型是在赋值之后，根据所赋予的具体数据值决定变量的数据类型。var a = 100;var b;b=”hello”;2.javaScript具体数据类型字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对
复制链接

扫一扫