JavaScript是在浏览器内容运行,无需编译、解释执行的动态脚本语言,是一种弱类型的语言,所有的变量使用var 定义。
JavaScript的三个组成部分,核心:ECMAScript、DOM:文档对象模型、BOM:浏览器对象模型。
一、ECMAScript核心语法
1、代码编写位置
分为内部JS和外部引入JS(使用src引入)
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>JavaScript程序编写</title>
<!-- 内部JS -->
<script type="text/javascript">
// 编写JavaScript代码
alert(1);
</script>
<!-- 外部JS-->
<script type="text/javascript" src="1.js"></script>
2、:学习顺序
JavaScript 依次从变量(标示符、关键字),运算符,程序结构(if while for),以 及函数来进行学习。
(1)所有的变量使用 var 来定义,是弱类型变量,不代表没有类型,变量本身还是有类 型的。【var a=10,var b=1.5;他们分别为整数以及浮点数类型】
(2)每行结尾分号可有可无,建议编写。
(3)注释和 Java 类似,支持单行注释(//)和多行注释(/* */)。
3数据类型
JavaScript分为原始数据类型引用数据类型,分别存储于堆和栈中。
原始数据类型:number、String、Blooean、null和undefined。
引用数据数据类型:所有的对象,object类型。
可以使用 typeof 查看数据类型,使用 instanceof 判断变量数据类型
<script type="text/javascript">
// 定义所有变量都用var,但是变量本身具有类型
var a = 10; // 整数
var b = 1.5; // 浮点数
var c = true; // 布尔
var d = "abc"; // 字符串 基本数据类型
var e = 'abc'; // 字符串
// 通过typeof查看数据类型
alert(typeof d);
// 通过instanceof判断变量数据类型
alert(d instanceof Object);//falae
alert(a instanceof Object);//falae
var s = new String("abc"); // 对象类型
alert(s instanceof Object);
</script>
4、null和undefined的却别
null:对象不存在。
undefined:对象存在,访问属性或者方法不存在(对象未初始化)。
Undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined。
Null类型也只有一个值,即null。null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。
js 代码
1. var oValue;
2. alert(oValue == undefined); //output "true"
这段代码显示为true,代表oVlaue的值即为undefined,因为我们没有初始化它。
js 代码
1. alert(null == document.getElementById('notExistElement'));
当页面上不存在id为"notExistElement"的DOM节点时,这段代码显示为"true",因为我们尝试获取一个不存在的对象。
js 代码
1. alert(typeof undefined); //output "undefined"
2. alert(typeof null); //output "object"
第一行代码很容易理解,undefined的类型为Undefined;第二行代码却让人疑惑,为什么null的类型又是Object了呢?其实这是JavaScript最初实现的一个错误,后来被ECMAScript沿用下来。在今天我们可以解释为,null即是一个不存在的对象的占位符,但是在实际编码时还是要注意这一特性。
js 代码
1. alert(null == undefined); //output "true"
ECMAScript认为undefined是从null派生出来的,所以把它们定义为相等的。但是,如果在一些情况下,我们一定要区分这两个值,那应该怎么办呢?可以使用下面的两种方法。
js 代码
1. alert(null === undefined); //output "false"
2. alert(typeof null == typeof undefined); //output "false"
使用typeof方法在前面已经讲过,null与undefined的类型是不一样的,所以输出"false"。而===代表绝对等于,在这里null === undefined输出false。