一、简介
动态的、弱类型的、解释型的脚本语言。
- 动态: 只有在执行的时候,才能确定数据类型。
- 弱类型: 变量数据的类型不是确定的,可以随意的进行改变。
- 解释型: 相对编译型来说,编译型在计算机执行之前需要把程序进行编译,编译完事之后才执行。解释型则不需要编译,执行的时候一行行去解释执行。
- 脚本: 一般只要是脚本语言,都代表可以嵌在其他的语言当中进行执行。
js
语言执行的过程是从上到下,一行一行进行执行。
js
语句的每一行我们都会有一个分号进行结尾。
组成部分
- ECMAscript: 负责
js
的语法部分 - DOM: 文档对象模型(操作元素)
- BOM: 浏览器对象模型(操作浏览器)
三种输出
- alert函数: 以弹出框的形式输出内容
- console.log函数: 以日志的形式在控制台输出内容
- document.write函数: 把内容作为网页的内容进行展示
书写位置
-
内嵌式
用的比较多,一般写项目初期都会内嵌,最后变为外链。<script> alert('i love you!'); console.log('i love you!'); document.write('i love you!'); </script>
-
外链式
里面不能写其他代码,外链是行业最认可的规范性模式。<script src="js/love.js"> </script>
-
行内式
局限性比较大,只能对事件进行书写js,问题也很大,做不到结构和行为分离。<div id="box" onclick="alert('i love you two!')"> 点我弹出内容 </div>
二、变量
(一)基础知识
变量与常量
- 变量:可以变化的量
- 常量:不可以改变的量
程序与进程
- 程序:代码的集合,一般指的是文件,程序是静态的
- 进程:运行中的程序,就被称作进程,进程是动态的
程序运行的过程
程序其实就是一个输入——运算——输出
的过程。
那么我们要对一个数据进行运算,然后进行输出,这个数据就需要有一个东西去保存
。
能够保存数据的这个东西,就是我们所说的变量
,本质上是一个容器(内存空间)
(二)变量
定义变量
定义变量要使用var
关键字,先定义后使用
,定义好之后,可以给变量赋值(存值)
。
var a;
a = 1;
如果定义变量不使用var
,那么变量必须要赋值
,不赋值会报错未定义。建议,我们在使用的时候,都带上var
去定义变量。
变量初始化
var a = 1;
变量初始化:定义变量的同时给变量赋值。
变量的命名规范
- 变量的名字由:数字、字母、下划线 以及
$
组成 - 不能以数字开头
- 不能和关键字以及保留字同名
- 变量名我们一般要见名思意
三种写法
-
大驼峰: 变量名所有的单词首字母大写
var ClassNumber;
-
小驼峰: 变量名第一个单词首字母小写,其它的大写
var classNumber;
-
下划线: 单词和单词之间用下划线连接
var class_number;
前端人员最常用的是小驼峰,只有特定情况用大驼峰。
变量初始化的约定成俗
-
var sum = 0 ;
初始化,初始给变量的值,但是此时并不知道后面要存储的值,代表以后存储数字。
-
var carName = "" ;
代表以后要存储的是一个字符串
-
var isClose = true ;
代表以后要存储的是一个boolean
-
var dog = null ;
代表这个dog变量以后存储的是一个“狗”的对象
变量小案例:交换两个变量的值
-
运用第三方变量实现两个变量值的交换
var num1 = 5; var num2 = 10; var temp; temp = num1; num1 = num2; num2 = temp; console.log(num1); console.log(num2);
-
使用求和不使用第三方变量实现
var num1 = 5; var num2 = 10; num1 = num1 + num2; num2 = num1 - num2; num1 = num1 - num2; console.log(num1); console.log(num2);