js课程 1-3 Javascript变量类型详解

最新推荐文章于 2024-06-26 20:05:25 发布

weixin_34311757

最新推荐文章于 2024-06-26 20:05:25 发布

阅读量63

点赞数

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/Renyi-Fan/p/9216953.html

版权

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>

转载于:https://www.cnblogs.com/Renyi-Fan/p/9216953.html

weixin_34311757

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js课程 1-3 Javascript变量类型详解

js课程 1-3 Javascript变量类型详解一、总结一句话总结：js对象点（属性方法），json对象冒号（属性方法）。属性和方法区别只有一个括号。1、json对象中的函数的使用？函数名：function(){}14 jsobj={15 'username':'user1',16 'age':'20',17 'sex':'nan'...
复制链接

扫一扫