JavaScript基础--超详细(概念-变量)

90 阅读3分钟

1.1 JavaScript简介

1.1.1  什么是JavaScript?

JavaScript是一门web页面的脚本语言。简称:JS;

1.1.2 为什么我们要学JavaScript?

web页面搭建可分为:

  1. 结构:HTML定义的是网页的内容即结构
  2. 表现:描述网页的布局,添加样式、美化网页等即表现
  3. 行为:控制网页进行交互、动态效果等即行为

1.1.3 浏览器执行JavaScript代码过程

1.1.3.1 浏览器两大引擎:

  1. 解析HTML、css的渲染引擎(内核),比如Chrome的webkit的核心。
  2. 解析执行JavaScript的JS引擎

扩展(常用浏览器私有前缀):

  •    -moz-:代表火狐
  •    -ms-:代表ie
  •    -webkit-:代表safari,chrome
  •    -o-:代表Opera

1.1.3.2 执行过程:

        js引擎会去读取JavaScript的代码,然后一句一句将js代码转为机器语言的代码。

1.1.4 JavaScript的组成部分

  1. ECMA Script:js基础内容,就是js语言基本语法规范(本文章基于ES5规范,拓展ES6规范)
  2. DOM:利用js代码操作元素的一系列内容
  3. BOM:利用js操作浏览器的一些内容

1.1.5 JavaScript编写位置

  1. 行内式:在行内标签内写js代码(一般不推荐)
  2. 嵌入式:在页面<script></script>中写入js代码
  3. 外链式:新建js文件,在js文件中书写代码,利用<script src="文件地址"></script>来引入文件 

三大基础弹窗:

  • alert('警示框'):
  • prompt('输入框'):
  • confirm('确定取消框'): console调式工具:
  • console.log():用于控制台输出打印信息
  • console.dir():用于输出一个对象的属性和方法
  • console.error():用于输出错误信息到控制台

1.2 变量

1.2.1 命名规范与规则

规则:

  • 由字母、数字、下划线、$符号组成,不能以数字开头如:usrAge, num01, _name
  • 不能是关键字和保留字,如:for、while、var。
  • 区分大小写 规范:
  • 变量名必须有意义
  • 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。例如:userName、userPassword

1.2.2 交换变量

//1.使用第三方变量来做转存
var temp;
var num1 = 10, num2 = 5;
temp = num1;    // temp:10, num1=10, num2=5
num1 = num2;   //temp:10,num1=5,num2=5
num2 = temp;   // temp:10,num1=5,num2=10



//2.不使用第三方变量来进行变量交换
var num1 = 10, num2 = 5;
num1 = num1+num2;    // num1=15,num2=5
num2 = num1-num2;    // num1=15,num2=10
num1 = num1-num2;    // num1=5,num2=10



//3.利用js的高级语法实现变量交换
var num1=10,num2=5;
[num1, num2] = [num2, num1]

1.2.3 数据类型

基本数据类型:

  • 数字(number)类型:Infinitiy(无穷大)、-Infinitiy(无穷小)、NaN: not a number(非数字)
  • 字符串(string)类型
  • 布尔(boolean)类型:Boolean字面量: true和false,区分大小写;计算机内部存储:true为1,false为0
  • undefined类型(未知类型):表示一个声明了没有赋值的变量,变量只声明的时候值默认是undefined
  • null:表示一个空,变量的值如果想为null,必须手动设置
  • symbol(ES6新增)

引用数据类型:

objct:Array、function等