JavaScript_2
1.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.1 JavaScript 字符串
字符串是存储字符(比如 “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(say1);
</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.6javascript中的Undefined 【未定义】
Undefined --没有值
2.7javascript中的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 οnlοad="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>