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对象
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>index</title> 6 </head> 7 <body> 8 <div class="img"> 9 <h1>aaaaaaaaaaaaaaa</h1> 10 <h1>bbbbbbbbbbbbbbb</h1> 11 </div> 12 </body> 13 <script> 14 jsobj={ 15 'username':'user1', 16 'age':'20', 17 'sex':'nan', 18 'say':function(){ 19 alert(123456) 20 } 21 }; 22 23 jsobj.say(); 24 </script> 25 </html>
数组就是一组值
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>index</title> 6 </head> 7 <body> 8 <div class="img"> 9 <h1>aaaaaaaaaaaaaaa</h1> 10 <h1>bbbbbbbbbbbbbbb</h1> 11 </div> 12 </body> 13 <script> 14 //数组 15 16 ps=new Array('小金','小帅','小明','小东'); 17 18 alert(ps); 19 </script> 20 </html>
js对象
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>index</title> 6 </head> 7 <body> 8 <div class="img"> 9 <h1>aaaaaaaaaaaaaaa</h1> 10 <h1>bbbbbbbbbbbbbbb</h1> 11 </div> 12 </body> 13 <script> 14 //js对象 15 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 } 23 24 document.write('<h1>my name is '+obj.username+'</h1>'); 25 document.write('<h1>my age is '+obj.age+'</h1>'); 26 obj.say(); 27 </script> 28 </html>