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>
 
 

js课程 1-3 Javascript变量类型详解的更多相关文章

  1. js变量类型详解

    <html> <title>js变量类型详解</title> <meta http-equiv="content-type" conten ...

  2. javascript变量提升详解

    js变量提升 对于大多数js开发者来说,变量提升可以说是一个非常常见的问题,但是可能很多人对其不是特别的了解.所以在此,我想来讲一讲. 先从一个简单的例子来入门: a = 2; var a; cons ...

  3. JavaScript 变量作用域 详解

    变量作用域要点 - 在JavaScript中没有块级作用域,只有函数作用域 - 在函数体内,局部变量的优先级高于同名的全局变量 - 在全局作用域编写代码时可以不写var语句,但声明局部变量时必须使用v ...

  4. bash变量类型详解

    本地变量:作用于当前shell,对当前shell之外的其他shell进程和当前shell子进程均无效. 本地变量赋值为 name='value' value可以是字符串或者是变量,引用变量使用${na ...

  5. JS变量对象详解

    JS变量对象详解 开年之后工作热情一直不是很高,这几天一直处于消极怠工状态.早上不想起床,起床了不想上班.明明放假之前工作热情还一直很高,一直心心念念的想把小程序项目怼出来,结果休假回来之后画风完全不 ...

  6. [转]javascript console 函数详解 js开发调试的利器

    javascript console 函数详解 js开发调试的利器   分步阅读 Console 是用于显示 JS和 DOM 对象信息的单独窗口.并且向 JS 中注入1个 console 对象,使用该 ...

  7. javascript变量类型及作用域

    javascript变量类型及作用域 一.简介 变量类型 ECMAScript变量可能包含两种不同类型的数据值:基本类型和引用类型. 基本类型 基本类型指的是简单的数据段,5种基本数据类型:undef ...

  8. vue.js循环for（列表渲染）详解

    vue.js循环for(列表渲染)详解 一.总结 一句话总结: v-for <ul id="example-1"> <li v-for="item in ...

  9. [转]JavaScript异步机制详解

    原文: https://www.jianshu.com/p/4ea4ee713ead --------------------------------------------------------- ...

随机推荐

  1. 洛谷P1043 数字游戏

    题目描述 丁丁最近沉迷于一个数字游戏之中.这个游戏看似简单,但丁丁在研究了许多天之后却发觉原来在简单的规则下想要赢得这个游戏并不那么容易.游戏是这样的,在你面前有一圈整数(一共n个),你要按顺序将其分 ...

  2. InstallShield详细制作说明(四)

    十.编译打包

  3. React 和 Vue 对比

    React 和 Vue 有许多相似之处,它们都有:   * 使用 Virtual DOM * 提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件. * 将注意力集中保持 ...

  4. setInterval()第一个参数带引号和不带引号的区别

    setInterval()第一个参数带引号和不带引号的区别:关于定时函数setInterval()的基本用法这里就不做介绍了,查阅相关教程即可,这里主要介绍一下setInterval()函数的第一个参 ...

  5. C#操作session的类实例

    本文实例讲述了C#操作session的类.分享给大家供大家参考.具体分析如下: 这个C#类对session操作进行了再次封装,可以大大简化session的常用操作,同时这个类可以将session值设置 ...

  6. 微信支付v2开发(10) 全网发布

    关键字:微信公众平台 微信支付 全网发布 作者:方倍工作室 原文:http://www.cnblogs.com/txw1958/p/wxpay-publish.html 在这篇微信公众平台开发教程中, ...

  7. 11G、12C Data Guard Physical Standby Switchover转换参考手册

    Switchover转换   Step 1: switchover 切换先前检查 (1)确保主备两端log_archive_config和db_unique_name参数都已经正确设置. 需要注意的是 ...

  8. localStorage存储数据位置

    chrome浏览器:C:\Users\Username\AppData\Local\Google\Chrome\User Data\Default\Local Storage 中,虽然后缀名是.loc ...

  9. Python编写Appium测试用例(1)

    有段时间没有使用python编写测试用例了,很长时间以来,感觉appium这个测试工具确实不错,今天又重新拿起来,分享一下自己学习的一些用例,欢迎大家一起交流.学习! 1.登录客户端 #coding= ...

  10. JQ实现选项卡(jQuery原型插件扩展)

    下边分为两个版本,一种是点击切换选项(index.js),一种是滑过切换选项(index1.js) HTML文件: jq使用jquery-1.11.3.js版本 <!DOCTYPE html&g ...