JavaScript 简介
JavaScript诞生于1995年,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript
。但其与Java是完全不同的两种编程语言,JavaScript
的标准化组织是 ECMA(European Computer Manufacturers Association)
,通常我们简称其为“JS”。
JavaScript的构成
ECMAscript
规定了JavaScript的语法DOM(document object model)
文档对象模型:用于操作HTML文档BOM(browser object model)
浏览器对象模型:用于操作浏览器
JavaScript 的两种导入方式
- 页面内使用
<script>
标签- 学习过程中经常使用
- 使用
<script>
标签的src
属性导入外部js文件- 实际开发中经常使用
注意:
- 一个
<script>
标签在导入了外部样式后,标签内部不能再次书写js代码 - 一个页面可以拥有多个
<script>
标签,一般状态下程序自上而下执行 - 通常我们把
<script>
标签写在HTML文件的末尾,为了避免不必要的麻烦
两个打印方法
- 在文档(页面)中写入,可以解析HTML标签:
document.write();
(会引发一些问题) - 在控制台打印:
console.log();
(常用)
语句
- 语句是js执行的最小单位
- 语句=表达式+分号
注释
- // 单行注释
- /* 多行注释 */
快捷键 ctrl + /
被注释的语句在程序执行过程中会被忽略
常量与变量
-
变量(variable):在编程中,经常使用一个名字来表示值,这个值在程序运行中可能会发生变化,故称之为变量
- 我们使用关键字
var
来声明一个变量,即告诉计算机这个名字(标识符)代表一个变量 - 语法:
var
+ 标识符;
例:
var a = 1;
标识符命名规则:
- 允许使用字母、数字、下划线、$;但不能以数字开头
- 严格区分大小写,sum 与 Sum 是两个不同的变量
- 不能使用关键字与保留字(关键字与保留字是指在js代码中具有特殊含义的一组单词)
- 为了提高代码的可读性,我们建议使用有意义的英文词组来命名,并且遵守驼峰命名法
- 我们使用关键字
-
常量(constant):
- 顾名思义,在程序运行过程中,不可被改变的值,我们称之为常量
遗憾的是,目前在js中并没有专用于声明常量的关键字,因此我们通常使用字面量来表示常量
字面量(literal):看到的是什么,它的值就是什么
例:
console.log(123);
123 即为一个数值型字面量数据类型
数据是具有类型的,比如一个字符串或一个数字都属于数据的类型
js是弱类型语言,我们不需要在定义变量时指定它的数据类型
js的数据类型可分为两大类:
-
基本数据类型
-
字符串
String
例:
"hello world"
-
数值
Number
例:
123
数值类型三个特殊的取值:
infinity
无穷大-infinity
无穷小NaN
非数字(Not a number)
-
布尔值
Boolean
取值为 true 或 false 代表 真 或 假
-
空值
null
代表值为空
-
未赋值
undefined
代表未赋值
-
-
引用数据类型(复杂数据类型)
- 数组类型
Array
- 使用[]定义
例:
var arr = []; // 表示一个空数组
- JSON对象类型
Object
- 使用{}定义
例:
var obj = {}; // 表示一个空对象
- 数组类型
数据类型的判断
typeof 操作符:用于检测数据类型
console.log(typeof 123); // number
console.log(typeof "jay"); // string
console.log(typeof true); // boolean
console.log(typeof []); // object
console.log(typeof {}); // object
建议
正其末者端其本,善其后者慎其先
释义:要想端正树枝末梢,首先要端正树之根本;要想取得好的结果,必须在开始时小心谨慎
在学习编程中,我们应养成一些良好的习惯,尽管这不是必要的,但是遵守这些规则会避免你的程序出现意外的错误。
- 使用见名知意的标识符
- 变量先声明后使用
- 不重复声明变量
- 为了避免不必要的错误,尽量在每条语句末尾添加分号
- 在必要的地方书写注释