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>