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. BZOJ2555: SubString（后缀自动机，LCT维护Parent树）

    Description 懒得写背景了,给你一个字符串init,要求你支持两个操作 (1):在当前字符串的后面插入一个字符串 (2):询问字符串s在当前字符串中出现了几次?(作为连续子串) 你必须在线支 ...

  2. 洛谷 P1626 象棋比赛

    P1626 象棋比赛 题目描述 有N个人要参加国际象棋比赛,该比赛要进行K场对弈.每个人最多参加两场对弈,最少参加零场对弈.每个人都有一个与其他人不相同的等级(用一个正整数来表示). 在对弈中,等级高 ...

  3. axios封装http请求

    import axios from 'axios' const HTTP_TIMEOUT = 15000; export function httpPost(url, params = {},head ...

  4. Mysql学习总结（14）——Mysql主从复制配置

    mysql主从复制 怎么安装mysql数据库,这里不说了,只说它的主从复制,步骤如下: 1.主从服务器分别作以下操作:   1.1.版本一致   1.2.初始化表,并在后台启动mysql   1.3. ...

  5. 洛谷 P1192 台阶问题

    P1192 台阶问题 题目描述 有N级的台阶,你一开始在底部,每次可以向上迈最多K级台阶(最少1级),问到达第N级台阶有多少种不同方式. 输入输出格式 输入格式: 输入文件的仅包含两个正整数N,K. ...

  6. java程序猿经常使用的工具名称--知道中文意思吗

    在学习java的时候常常会碰到一些单词,可是一般的时候也不是非常在意这个单词的意思,而是能够了解到这个工具或者框架能够做什么就能够了.偶尔总结了一下还蛮有意思的.例如以下, 假设有遗漏,各位能够帮忙补 ...

  7. 使用BeautifulSoup爬取“0daydown”站点的信息（2）——字符编码问题解决

    上篇中的程序实现了抓取0daydown最新的10页信息.输出是直接输出到控制台里面.再次改进代码时我准备把它们写入到一个TXT文档中.这是问题就出来了. 最初我的代码例如以下: #-*- coding ...

  8. thinkphp模拟请求和参数绑定

    thinkphp模拟请求和参数绑定 一.总结 1.网页传过来的参数是可以修改的:get或者post等方式 传过来的参数是可以修改的  dump($request->get(['id'=>2 ...

  9. es6三点运算符的用法

    扩展运算符( spread )是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. console.log(...[1,2,3]); console.log(1,. ...

  10. JVM学习：方法重载的优先级

    重载:方法名一致,参数长度或者类型不一致. 先放总结,下面为例子 参数具有继承.实现关系,优先考虑子类: 在不考虑对基本类型自动装拆箱(auto-boxing,auto-unboxing),以及可变长 ...