JavaScript详细及变量

80 阅读4分钟

JavaScript组成

  • ECMAScript - JavaScript的核心

    • ECMAScript定义了JavaScript的语言规范
    • JavaScript的核心:描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关
  • DOM - 文档对象模型

    • 一套操作页面元素的API
    • DOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作
  • BOM - 浏览器对象模型

    • 一套操作浏览器功能的API
    • 通过BOM可以操作浏览器窗口,比如:弹出框、控制浏览器跳转、获取分辨率等

    JavaScript书写位置

JavaScript 程序不能独立运行,它需要被嵌入 HTML 中,然后浏览器才能执行 JavaScript 代码。通过 script 标签将 JavaScript 代码引入到 HTML 中,

内部样式(内嵌式)

通过 script 标签包裹 JavaScript 代码

如果js代码较少较少的话可以使用,比较复杂的话不推荐

外部样式

一般将 JavaScript 代码写在独立的以 .js 结尾的文件中,然后通过 script 标签的 src 属性引入

行内样式

此处了解即可,后面Vue框架会使用这种模式

结束符

在 JavaScript 中 ; 代表一段代码的结束,多数情况下可以省略 ; 使用回车(enter)替代。

输入和输出语法

输出和输入也可理解为人和计算机的交互,用户通过键盘、鼠标等向计算机输入信息,计算机处理后再展示结果给用户,这便是一次输入和输出的过程。

1.将数据显示到网页 document.write('内容')

2.在网页弹出一个警示框

alert(内容");

3.控制台输出语法,程序员调试使用

console.log("内容");

输入

1.在网页弹出一个输入框,让用户输入数据

prompt('内容')

2.在网页弹出一个确认框,让用户输入 确认/取消 二选一

confirm("内容");

变量

理解变量是计算机存储数据的“容器”,掌握变量的声明方式

变量就是计算机中用来存储数据的容器,它可以让计算机变得有记忆.简单理解变量就是一个装东西的盒子.

变量作用:用来存放数据.

声明变量

声明(定义)变量有两部分构成:声明关键字、变量名(标识)

// let 变量名

// 声明(定义)变量有两部分构成:声明关键字、变量名(标识)

// let 即关键字,所谓关键字是系统提供的专门用来声明(定义)变量的词语

// age 即变量的名称,也叫标识符

// let age

变量赋值

声明(定义)变量相当于创造了一个空的“容器”,通过赋值向这个容器中添加数据。

1.声明一个年龄变量

// let age

2.赋值,将 18 这个数据存入了 age 这个“容器”中

//   age = 18
//  console.log(age)

3.声明的同时直接赋值 变量的初始化

// let age = 18

变量命名规范

关于变量的名称(标识符)有一系列的规则需要遵守:

  1. 只能是字母、数字、下划线、$,且不能能数字开头
  2. 字母区分大小写,如 Age 和 age 是不同的变量
  3. JavaScript 内部已占用于单词(关键字或保留字)不允许使用
  4. 尽量保证变量具有一定的语义,见字知义

注:所谓关键字是指 JavaScript 内部使用的词语,如 letvar,保留字是指 JavaScript 内部目前没有使用的词语,但是将来可能会使用词语。 规范:

  • 起名要有意义
  • 遵守小驼峰命名法
  • 第一个单词首字母小写,后面每个单词首字母大写。例:userName

let与var的区别

在较旧的JavaScript,使用关键字 var 来声明变量 ,而不是 let

var 现在的开发中一般不会在使用它,但是在比较老的项目里面还存在.

let为了解决var的一些问题

var 声明:

  • 可以先使用 在声明 (不合理)
  • var 声明过的变量可以重复声明(不合理)
  • 比如变量提升、全局变量、没有块级作用域等等

变量扩展-数组

数组 (Array) —— 一种将 一组数据存储在单个变量名下 的优雅方式

数组是一种复杂数据类型

数组可以在容器中 存储多个数据

数组三要素: 元素 下标 数组长度

数组声明语法:

// let let = arr[数据1,数据2,数据3,...,数据n]

常量

概念:使用 const 声明的变量称为“常量”。

使用场景:当某个变量永远不会改变的时候,就可以使用 const 来声明,而不是let。

命名规范:和变量一致