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

一、总结

一句话总结：js对象点（属性方法），json对象冒号（属性方法）。属性和方法区别只有一个括号。

1、json对象中的函数的使用？

函数名：function(){}

  1. 14 jsobj={
  2. 15     'username':'user1',
  3. 16     'age':'20',
  4. 17     'sex':'nan',
  5. 18     'say':function(){
  6. 19         alert(123456)
  7. 20     }
  8. 21 };

2、js对象中方法的使用？

和属性一样，方法和属性比只多一个括号，直接点方法名

  1. 16 obj=new Object();
  2. 17 obj.username='user1';
  3. 18 obj.age='20';
  4. 19 obj.sex='nan';
  5. 20 obj.say=function(){
  6. 21     alert('my name is user1');
  7. 22 }

3、js中数组如何定义？

数组类，构造函数初始化

  1. 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()
  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>
 
 

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. Exchanging Partitions and Subpartitions with Tables--官方文档

    原文地址:https://dev.mysql.com/doc/refman/5.6/en/partitioning-management-exchange.html In MySQL 5.6, it ...

  2. 用Bandwidth Controller实现局域网带宽控制

    用Bandwidth Controller实现局域网带宽控制 很多做网络管理的朋友都知晓微软的ISA Serve防火墙,在ISA Server 2000中,带宽管理功能是通过设置优先级来实现,但是管理 ...

  3. monkey基础知识（二）

  4. Flask项目之手机端租房网站功能测试（完结）

    说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家! 目录 一丶注册和登录以及用户退出功能 二丶上传头像功能和修改用户名功能测试 三丶发布房源以及实名认证功能测试 四丶网站房屋搜索功能 ...

  5. VMware Tools安装问题的解决

    一.VMware Tools工具的作用 VMware虚拟机的插件工具,安装上它可以实现主机与虚拟机的文件共享及拖放.简单的说就是从Ubuntu上边经常输入命令行会出现错误的情况,需要复制到Window ...

  6. 【Educational Codeforces Round 35 B】Two Cakes

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 从小到大枚举x. 看看a/x+b/x是不是大于等于n 是的话. 看看是不是两种蛋糕都能凑一堆. 也即x的最大枚举量是min(a,b) ...

  7. ie为什么那么垃圾（不是ie垃圾，是ie用的人太多了，很多在用低版本）

    ie为什么那么垃圾(不是ie垃圾,是ie用的人太多了,很多在用低版本) 一.总结 1.我们觉得ie差的原因:我们拿老的ie和最新的其它浏览器做比较了,两者相差了很多年.比较微软几十年才发布了11个ie ...

  8. 83.#pragma详解

    创建数据段 //创建数据段 #pragma data_seg("fangfangdata") ; #pragma data_seg() 与数据段连接,实现数据通信,分享 //实现数 ...

  9. JS/CSS 响应式样式实例

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  10. Mongodb总结6-数据库启动、停止、备份等命令

    #启动Mongodb默认启动,需要在/data/db,Windows下对应的目录是Mongod.exe所在磁盘分区的根目录,例如Mongodb存放在D:/Mongodb,那么对应的路径就是D:/dat ...