JavaScript Day_01

JavaScript学习目标

• 能够说出JavaScript是什么
• 能够指导JavaScript的发展历史
• 能够说出浏览器执行JavaScript的原理
• 能够说出JavaScript由哪三部分组成
• 能够写出JavaScript三个输入输出语句

初识JavaScript

概念：一种可以在客户端进行相关动作行为操作，减少服务器压力的脚步语言，不需要编译，运行过程中由js解释器逐行解释并执行。
前面我们描述了HTML决定网页结构和内容，相当于人的身体，CSS决定网页呈现给用户的模样，js脚本语言，实现业务逻辑和页面控制，相当于人的行为
作用：表单动态校验，网页特效，服务端开发，桌面程序，App，控制硬件，游戏开发

浏览器分成两个部分，渲染引擎和JS引擎，渲染引擎用来解析HTML和css，JS引擎用来执行JS代码，JS引擎用来执行每一句源码（转换为机器语言），然后由计算器逐行解释每一句源码，然后计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行

1）核心（ECMAScript）：这一部分主要是js的基本语法。

（2）BOM：Brower Object Model（浏览器对象模型），主要是获取浏览器信息或操作浏览器的，例如：浏览器的前进与后退、浏览器弹出提示框、浏览器地址栏输入网址跳转等操作等。

（3）DOM：Document Object Model（文档对象模型），此处的文档暂且理解为html，html加载到浏览器的内存中，可以使用js的DOM技术对内存中的html节点进行修改，用户从浏览器看到的是js动态修改后的页面。（增删改查）
————————————————
版权声明：本文为CSDN博主「sswqzx」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/sswqzx/article/details/82796026

JavaScript的三种书写方式

<script>
	// alert('沙漠骆驼');
</script>
	// 3.外联JS
<script type="text/javascript" src="./js/Day01.js"></script>
//script标签内部一定不要写东西
// 1.行内式的js直接写到元素内部 
<input type="button" value="唐伯虎" onclick="alert('秋香姐')"> 
// 2.内嵌式的JS 写在body后面提高性能
		

JavaScript文件
alert('Hello World!');

JavaScript注释

JavaScript注释
单行注释 ： //
多行注释： /*
111
222
333
*/

JavaScript输入输出语句

<script type="text/javascript">
			//1.输入框 prompt
			prompt('请输入您的年龄：');
			//2.alert警示框，展示给用户
			alert('计算的结果是');
			//3.console控制台输出，给程序员测试用的
			console.log('给程序员看的');	
</script>

变量的使用

学习目标

能够说出变量的主要作用

能够写出变量的初始化

能够说出变量的命名规范

能够画出变量在内存中存储

能够写出交换变量案例

变量概述

在内存中申请一块存放数据的空间，空间+变量名组成

变量的使用

1.声明
2.赋值

var age = 18;//变量的初始化
console.log(age);

变量语法扩展

1. 更新变量，当一个变量被重新赋值后，它原有的值就会被覆盖，变量值将以最后一次复制为准
2. 声明多个变量时，只需定义一个var，变量之间用逗号隔开
3. 声明变量的特殊情况
   3.1只声明不赋值，结果是undefined
   3.2不声明不赋值会报错
   3.3不声明只赋值结果是对的，但不建议

变量命名规范

交换变量案例

变量的数据类型

• JavaScript是一种弱类型或者说动态语言，这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定
• 在代码运行时，变量的数据类型是由JS的引擎根据=右边变量值得数据类型来判断的
• JavaScript拥有动态类型，同时也意味着相同的变量可作用不同的类型