JavaScript学习_基础_01_简介、变量

一、简介

动态的、弱类型的、解释型的脚本语言。

• 动态： 只有在执行的时候，才能确定数据类型。
• 弱类型： 变量数据的类型不是确定的，可以随意的进行改变。
• 解释型： 相对编译型来说，编译型在计算机执行之前需要把程序进行编译，编译完事之后才执行。解释型则不需要编译，执行的时候一行行去解释执行。
• 脚本： 一般只要是脚本语言，都代表可以嵌在其他的语言当中进行执行。

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);