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.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(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>
<h1>数组</h1>
<h2>数组的第一种定义方式</h2>
<p>1.先定义，后赋值
var arr1=new Array(); //定义/创建
数组赋值--通过下标
理解下标：具体数据值在数组中的位置【从0开始】
格式:数组变量名称[下标]=数据值;
arr1[0]=”zhangsan”;
arr1[1]=23;
arr1[2]=true;
</p>
<script type="text/javascript">
var arr1=new Array();
arr1[0]=1;
arr1[1]=2;
arr1[2]=3;
arr1[3]=4;
arr1[4]=5;
window.alert(arr1);
</script>
<h2>数组的第二种定义方式</h2>
<script type="text/javascript">
function testArray(){
var arr2=new Array(1,2,3,4,5,6);
for(var i=0;i<arr2.length;i++){
document.write("<h"+arr2[i]+">测试数组</h"+arr2[i]+">");
}
}
</script>
<input type="button" name="" id="" value="这是在测试" onclick="testArray();"/>
2.5 JavaScript 对象
通过”{}”,在其中使用键值对【标题:页码】
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>对象型</title>
<script>
//定义对象变量
//通过”{}”,在其中使用键值对【标题:页码】
var user={userid:1001,
username:"wuxin",
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>
扫一扫
780
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
