一、JavaScript 对象
1.JavaScript 对象类型
JavaScript 对象是由“{}”创建，在“{}”可以有属性
属性是一个键值对的形式 (name : value) 来定义
如果有多个使用“,”分割
对象访问属性
1.对象名称.属性名称
2.对象名称[“属性名称”]
上面介绍了对象中的属性，对象中除了属性还有方法，方法使用函数创建
例如;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
//1.JavaScript 对象类型
//JavaScript 对象是由“{}”创建，在“{}”可以有属性
//属性是一个键值对的形式 (name : value) 来定义
//如果有多个使用“,”分割
var student={ stuname:"fxt",stuid:183766,age:22}
//对象访问属性
//1.对象名称.属性名称
alert(student.stuname)
//alert(student.stuid);
//2.对象名称["属性名称"]
//alert(student["stuname"]);
//上面介绍了对象中的属性，对象中除了属性还有方法，方法使用函数创建
</script>
</head>
<body>
<h4>JavaScript 对象</h4>
</body>
</html>二、JavaScript 数组
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
//1.JavaScript 数组
//什么是数组?
//不同类型的数据，按照顺序，组成的引用数据类型。
//作用？可以通过一个变量保存一组不同类型的数据
//如何创建数组？
//1.new Array()
var shuzu=new Array();//定义声明一个空的数组
var shuzu1=new Array(3);//定义声明了有三个位置的空数组
//2.通过“[]”表示数组
var shuzu3=[];//空数组
//数组如何保存数据值?
//1.通过下标逐个赋值
//下标表示数据在数组中的位置，从0开始
var shuzu4 = new Array();
shuzu4[0]=1002;
shuzu4[1]="fxt";
shuzu4[2]=22;
var shuzu5 = [];
shuzu5[0]=1003;
shuzu5[1]="ch";
shuzu5[2]=22;
//2.创建时直接赋值
var shuju =new Array(1004,"htt",23);
var shuju1 =new Array(1005,"gyq",21);
//从数组中取出对应位置【下标】的数据
alert(shuju[1]);
</script>
</head>
<body>
<h4>JavaScript 数组</h4>
</body>
</html>三、JavaScript 函数
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
//JavaScript 函数
//某个功能具体执行代码的集合--函数
//作用？封装某个功能的执行代码
//如何创建函数？
//通过function关键字来创建
//格式:
/*
function 函数名称(参数列表){
函数体
[return xxxx;]
}
*/
//function--创建函数的关键字
//函数名称---首字母小写，从第二个单词开始首字母大写
//copy testCopy
//(参数列表)
//参数---接收函数之外的数据值进入函数中参加运算活动【找帮手】
//可以有多个，中间","分割，是一个变量没有，无需var定义。
//{}函数体--编写具体执行代码。
// [return xxxx;]---可选，表示返回函数的执行结果
//当函数有执行结果的时候，函数体中的最后一句话一定是return xxxx;
//当函数没有执行结果的时候，不用写return xxxx;
//如果函数有参数并且有返回值，在调用函数时没有设置参数的值时，函数的运算结果会报错。但是不影响结果之外的调用
function test1(){
alert("没有参数，没有返回值的函数");
}
function test2(num){
alert("有一个参数，没有返回值的函数");
}
function test3(num,str){
alert("有多个参数，没有返回值的函数");
}
function test4(){
alert("没有参数，有返回值的函数");
return "";
}
function test5(num){
alert("有一个参数，有返回值的函数");
return "";
}
function test6(num,str){
alert("有多个参数，有返回值的函数");
return "";
}
//函数的调用
//要什么，给什么;给什么，收什么。
//test1();
//test2("zhangsan");
var res=test6(1001,"zhangsan");
</script>
</head>
<body>
<h4>JavaScript 函数</h4>
</body>
</html>四、JavaScript对象类型
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
//1.JavaScript 对象类型
//什么是对象?
//描述一类具体事物的引用数据类型 -- 对象
//为什么需要创建自定义对象类型
//因为javascript中的数据类型，在使用的时候可能不够用，我们需要自己定义创建一种新的类型。
//如何创建对象类型？
//创建对象的方式有多种，我们今天介绍通过字面量方式创建对象
//通过字面量方式创建对象需要使用"{}"
//对象中有那些元素？
//属性---变量,功能----方法
//属性是一个键值对的形式 (name : value) 来定义
//如果有多个使用“,”分割
//方法是一个函数
var student={
stuname:"ftx",
stuid:183766,//这是student对象的两个属性
xuexi:function(){
alert("上课学习中");
},
sleep:function(){
alert("休息中");
}
}
//name/color是对象的属性，run/carback是对象的方法
//对象访问属性
//1.对象名称.属性名称
alert(student.stuname);
//2.对象名称["属性名称"]
alert(student["stuid"]);
//对象访问方法
//[var 变量=]对象名称.方法名称([参数列表]);
student.xuexi();
student.sleep();
</script>
</head>
<body>
<h4>JavaScript 对象</h4>
</body>
</html>五、JavaScript 变量的分类
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
//JavaScript 变量的分类
//1 全局 JavaScript 变量
//在函数外声明的变量是全局变量
//网页上的所有脚本和函数都能访问它。
//全局变量会在页面关闭后被删除。
var testname="测试全局变量"; //全局 JavaScript 变量
//2.局部 JavaScript 变量
//在 JavaScript 函数内部声明的变量（使用 var）是局部变量,包含函数的参数
//只能在当前函数中使用，超出当前函数就无法使用
//只要函数运行完毕，本地变量就会被删除。
//未定义的变量赋值以后就是该变量将被自动作为 window 的一个属性
//window是javascript中的一个内置对象
//我们可以认为 全局 JavaScript 变量是属性window对象
//函数中的变量，没有使用var定义的时候就是全局变量,在使用之前重新赋值。
function test1(){
var name="zhangsan" ; //局部 JavaScript 变量
address="西安"; //全局变量
alert(window.testname); //访问全局变量
alert(testname); //访问全局变量
alert(address);
}
function test(){
address="北京";
//alert(testname);//访问全局变量
alert(address);//访问全局变量
}
test();
</script>
</head>
<body>
<h4>JavaScript 变量的分类</h4>
</body>
</html>六、JavaScript 运算符
1.JavaScript 算术运算符 [+ – * / %[求余] ++ –]
+ 运算符用于把文本值或字符串变量加起来（连接起来）。
如需把两个或多个字符串变量连接起来，请使用 + 运算符。
2.JavaScript比较运算符 [> < >= <= == === !=]
运算结果是boolean【true/false】
=== — 比较数据是否相等【数据类型和数据值都要比较】
3.JavaScrip逻辑运算符 [|| && !]
逻辑或 || — 只要有一个为true,则运算结果为true
逻辑与 && — 只要有一个为false,则运算结果为fasle
4.typeof 操作符
判断变量的具体数据类型
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
//1.JavaScript 运算符
//JavaScript 算术运算符 [+ - * / %[求余] ++ --]
//+ 运算符用于把文本值或字符串变量加起来（连接起来）。
//如需把两个或多个字符串变量连接起来，请使用 + 运算符。
var str1="hello";
var str2="网星";
var str3=str1+str2;
//alert(str3);
//两个数字相加，返回数字相加的和
var num1=100;
var num2=12.5;
//alert(num1+num2);
//如果数字与字符串相加，返回字符串.
var num3=100;
var num4="12.5";
//alert(num3+num4);
// ++[自动加1]
//var num5=10;
//变量++ ------ 先用后加1
//alert(num5++); //10
//alert(num5); //11
//++变量 ------ 先加1，后用
//alert(++num5); //11
//alert(num5); //11
//--[自动减1]
//变量-- ------ 先用后减1
//alert(num5--); //10
//alert(num5); //9
//--变量 ------ 先减1，后用
//alert(--num5); //9
//alert(num5); //9
//JavaScript比较运算符 [> < >= <= == === !=]
//运算结果是boolean【true/false】
//=== --- 比较数据是否相等【数据类型和数据值都要比较】
var val1=100;
var val2="100";
//alert(val1==val2); //true
//alert(val1===val2); //false
//JavaScrip逻辑运算符 [|| && !]
//逻辑或 || --- 只要有一个为true,则运算结果为true
//逻辑与 && --- 只要有一个为false,则运算结果为fasle
//JavaScrip条件运算符 [三元运算符]---2选1
//格式 : var 变量= (判断条件) ？ 结果1 : 结果2;
var age = 20;
var res=(age > 18) ? "成年人" : "未成年人";
//alert(res);
//typeof 操作符
//判断变量的具体数据类型
var str="hello"; //string
var numb=100; //number
var boo=true; //boolean
var tnull=null; //object
var testun; //undefined
var student={}; //object
var arr1=[]; //object
var arr2=new Array(); //object
function test(){ //function
alert("函数");
}
alert(typeof test);
</script>
</head>
<body>
<h4>JavaScript 运算符</h4>
</body>
</html>版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/79865.html
