js课程 1-3 Javascript变量类型详解
一、总结
一句话总结：js对象点（属性方法），json对象冒号（属性方法）。属性和方法区别只有一个括号。
1、json对象中的函数的使用？
函数名：function(){}
14 jsobj={
15 'username':'user1',
16 'age':'20',
17 'sex':'nan',
18 'say':function(){
19 alert(123456)
20 }
21 };
2、js对象中方法的使用？
和属性一样，方法和属性比只多一个括号，直接点方法名
16 obj=new Object();
17 obj.username='user1';
18 obj.age='20';
19 obj.sex='nan';
20 obj.say=function(){
21 alert('my name is user1');
22 }
3、js中数组如何定义？
数组类，构造函数初始化
16 ps=new Array('小金','小帅','小明','小东');
二、Javascript变量类型详解
1、相关知识
js变量类型:
1.字符串
2.整型
3.浮点
4.布尔
5.数组
6.对象
7.json对象
8.NaN
9.null
10.undefined
整型:
num=10;
字符串:
str='my name is user1';
浮点型:
num=10.5;
数组:
1.arr=new Array(1,2,3);
2.arr=[1,2,3];
js对象:
1.js对象
obj=new Object();
obj.username='user1';
obj.say=function(){
alert(123);
}
2.dom对象
eleobj=document;
3.json对象
obj={'username':'user1','age':'20'};
NaN类型:
#not a number
str='10a';
num=Number(str);
null类型:
str=null
#一般用于提前规划一些变量或给变量赋初值
undefined类型:
#变量未定义
2、代码
json对象
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
</head>
<body>
<div class="img">
<h1>aaaaaaaaaaaaaaa</h1>
<h1>bbbbbbbbbbbbbbb</h1>
</div>
</body>
<script>
jsobj={
'username':'user1',
'age':'20',
'sex':'nan',
'say':function(){
alert()
}
}; jsobj.say();
</script>
</html>
数组就是一组值
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
</head>
<body>
<div class="img">
<h1>aaaaaaaaaaaaaaa</h1>
<h1>bbbbbbbbbbbbbbb</h1>
</div>
</body>
<script>
//数组 ps=new Array('小金','小帅','小明','小东'); alert(ps);
</script>
</html>
js对象
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
</head>
<body>
<div class="img">
<h1>aaaaaaaaaaaaaaa</h1>
<h1>bbbbbbbbbbbbbbb</h1>
</div>
</body>
<script>
//js对象 obj=new Object();
obj.username='user1';
obj.age='20';
obj.sex='nan';
obj.say=function(){
alert('my name is user1');
} document.write('<h1>my name is '+obj.username+'</h1>');
document.write('<h1>my age is '+obj.age+'</h1>');
obj.say();
</script>
</html>