JavaScript学习笔记（一）

JavaScript基础

什么是JavaScript

前端开发三大基础知识

• HTML （专门编写网页内容）——搭建网页结构
• CSS （专门设计网页的样式）——修饰，美化网页
• JavaScript（js）专门设计网页的交互效果的 ——验证，特效
• 交互：输入数据 =》程序处理数据 =》返回结果 =》“解释执行”:和读书一样的 一行一行的往下读 专门在js的解释器中运行（浏览器自带的解释器）

JavaScript的组成

• Js由三部分组成

• ECMASCRIPT(核心的语法) es5 es6 typescript

• DOM(文档对象模型 w3c) 将js嵌套到网页中操作html标签

• BOM(专门操作浏览器窗口的工具 浏览器自行规定的 所以它没有标准)

JavaScript的特点

• 脚本语言。JavaScript是一种解释型的脚本语言，C、C++、Java等语言先编译后执行，而JavaScript是在程序的运行过程中逐行进行解释。（边解释边执行）

• 简单。JavaScript语言中采用的是弱类型的变量类型，对使用的数据类型未做出严格的要求，是基于JavaScript基本语句和控制的脚本语言，其设计简单紧凑

• 基于对象。JavaScript是一种基于对象的脚本语言，它不仅可以创建对象，也能使用现有的对象。

• 动态性。JavaScript是一种采用事件驱动的脚本语言，它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时，鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。

• 跨平台性。JavaScript脚本语言不依赖于操作系统，仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用，前提上机器上的浏览器支持JavaScript脚本语言，目前JavaScript已被大多数的浏览器所支持。

• 弱类型（重点）

  Java定义一个变量
  int a=123；// int：数据类型是整形   a：表示变量名  123 值
  double b=12.3;
  float f=12.4f;
  long l=10L;
  Js定义一个变量
  var a=123 // var表示声明的意思  a:表示变量名   123值
  var b = 12.3;
  

JavaScript的三种使用方式

1、行内js

<input type="button" value="点击有惊喜" onclick="javascript:alert('哈哈哈哈')">
<!--onclick:点击触发一个事件，alert：弹出一个对话框-->

2、内部js：script里的程序整个页面都可以用

<script type="text/javascript">
	var a = 10;
    console.log(a);
</script>

3、外部js：很多html页面都可以调用设定的js页面

<script src="js/a.js" type="text/javascript" >

JavaScript输入输出语句

为了方便信息的输入输出，JS中提供了一些输入输出语句，其常用的语句如下：

• 注意：alert() 主要用来显示消息给用户，console.log() 用来给程序员自己看运行时的消息。

变量

什么是变量

变量就是一个装东西的盒子。

变量是用于存放数据的容器。 我们通过 变量名 获取数据，甚至数据可以修改。

变量在内存中的存储

	本质：变量是程序在内存中申请的一块用来存放数据的空间。类似我们酒店的房间，一个房间就可以看做是一个变量。