JS基础1-变量和数据类型

模块回顾

1.js的引入

2.定义和声明变量

3.数据类型

一、js的引入

1.引入方式:

①内部引入：直接在<head></head>中编写

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
alert("这是第一种引入方式")
    </script>
</head>

直接编写

②外部引入：导入文件，类似于css的link链接

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
    <script type="text/x-javascript" src="D9JS01.js"></script>
<!--这是第三种引入方式-->
</head>

导入文件

①内部引入：行间时间，在标签中引入

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<a href="javascript:alert('Hello World')">Hello</a>
</body>

行间引入

二、定义和声明变量

1.定义和声明变量

JavaScript 是弱类型脚本语言，使用变量之前，可以无需定义，当使用某个变量的时候直接使用即可。

①隐式定义：直接给变量赋值。

②显示定义：使用var关键字定义变量。

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
    mes="Hello World";//隐式定义
    alert(mes);
    //var ans="这是显示定义";
    var ans;//声明变量
    ans=12;
    alert(ans);
    var a=1,b=2,c=3;
    var y="这是小写的y";
    var Y="这是大写的Y"
    alert(y);
    alert(Y);
    var a;
    alert(a);
    var b;
    alert(null);
    </script>
</head>

定义

三、数据类型

在js中，常用的数据类型有4种，即：

数值类型（number）：包含整数和浮点数；
字符串类型（String）：字符串必须用双引号或单引号括起来；
布尔类型（boolean）：只有true或false两个值；
未定义类型（Undefined）：专门用来确定一个已经创建但是没有初值的变量；
空类型（Null）：用于表明某个变量的值为空(表明变量已经被赋值，但赋的值为空)；
对象类型（Object）：数组、日期对象等

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
    var a=10;//整数
    alert(a);
    var b=10.2;//浮点数
    alert(b);
    var c=3e2;//科学计数法
    alert(a+"
"+b+"
"+c);
    //字符串类型
    var e="abc";
    var f="efg";
    alert(e+"
"+f);
    alert(e==f);
    //一个=号代表赋值 如:a=2 的意思就是a是2
    //两个=号代表判断 如：a==2 的意思就是a是不是2
    //三个=号代表严格判断 如：
    var    w;//未定义类型
    var n=null;//空类型
    alert(w===n);
    </script>
</head>

<body>
</body>
</html>

数据类型