javascript基础

一、什么是 javascript (js)？

在浏览器环境下 javascript是一种基于对象和事件驱动的客户端脚本语言，由浏览器解析执行
在服务端环境下 javascript通过Node.js的解析器，也可以用作服务端语言使用

此文章仅记录浏览器环境的javascript

二、javascript由什么组成？

BOM（Borwser Object Model）浏览器模型对象
DOM (Document Object Model) 文档对象模型
ECMAscript  ECMA语法标准规范
	## ECMAscript是由ECMA组织规定的javascript语法规范

三、写javascript需要注意什么？

 1. javascript中严格区分大小写  
 2. 变量不区分类型（javascript不同于其他语言，它属于弱类型语言，所以它的变量声明是不区分类型的，也不需要先声明后使用）
 3. 每条语句结尾的分号可以省略（但是不建议这么做！为了代码规范，还是每条语句的结尾写分号）
 4. 代码段要封闭（在早期的javascript中，是没有块级作用域的，而在ECMAscript2015中，提出了块级作用域）
 5. 单行注释为 // 双斜杠  多行注释(块注释)为  /*  */

四、javascript的命名规范

官方的命名规则是这样的:由英文、数字、下划线、美元符($) 组成，不能是数字开头，不能是关键字和保留字(关键字，保留字 详见W3C)
实际编写代码过程中，
1、我们一般使用驼峰命名法来定义我们的变量 例如：myFirstName、myLastName
2、函数名一般使用动词 例如：get、set
3、常量使用全大写字母来表示  例如：PI = 3.1415926；

五、javascript中的变量

1、什么是变量？
从字面意思来理解，变量就是一个可变的量，从我们编程的角度讲，变量是用于存储某种或某些数值/内容的存储器，在javascript中，变量不需要声明类型，它可以是数字(Number)类型，也可以是字符串(String)类型，还可以是布尔(Boolean)类型，他甚至可以是一个函数(function)，一个对象(object) 等等····
2、变量的声明方式

	var num = 5;//这就是一个最基础的变量声明

var 就是javascript中声明变量的关键字，num就是我们声明的变量名，= 号在javascript中，代表赋值，将表达式右边的值赋予表达式左边，在上例中，即将数字 5 赋予变量 num；此时，我们的变量 num 它的值就为 5

1. 首先我们要明白一点 var 关键字，就是用来声明变量的，表示我们声明了一个新的变量
2. 其次我们要明白的是 = 赋值表达式，它现在不是等于号，它代表的就是将右边的值赋予左边的变量
3. 此时我们可以使用javascript的一个自带方法，将我们声明的这个变量显示出来，让我们看一看这个变量的值，是不是我们赋予它的值 document.write(num) 然后打开浏览器
4. 此时我们就能看到浏览器页面上打印的是 5 ，是我们赋予这个变量的值

六、javascript的输出方式

在上边定义变量的时候，我们使用**doucment.write()**输出了我们定义的变量值
接下来，我们一起看一下javascript中定义的多种输出方式

1. document.write() //在浏览器页面上打印输出括号内的值

2. console.log() //在浏览器控制台上打印输出括号内的值_(控制台在哪？以谷歌为例，在浏览器页面按 F12 或者使用鼠标右键菜单中的检查打开浏览器的控制台界面，在控制台界面中可以找到一个Console的界面，即为我们要的那个控制台)

3. alert() //在浏览器的界面弹窗输出括号内的值

4. prompt() //在浏览器的界面弹出一个可以输入值的弹框

5. confirm() //在浏览器的界面弹出一个选择框(确认或取消)

   大致过了一遍之后，我们可以看一看他们之间的区别
   document.write() 是可以在页面上输出，优点：可以输出标签
   console.log() 是在控制台输出，优点多到无法描述，最为推荐使用！
   alert() 是在浏览器界面弹窗输出 优点：**可以阻止程序继续运行，必须在用户点击关闭或者确认以后才会继续运行，**缺点：不能输出object，同时它的优点，也是它的缺点！

   其他两个不做过多描述

七、javascript的数据类型

1. 数字类型(Number)

   • 整型 （整数类型）
   • 浮点型 （小数类型）
   • NaN (Not a Number不是一个数字)；//在javascript中，NaN它代表目标不是一个数字，但是它的类型属于数字(Number)类型

2. 字符串类型(String)

   • ’ ’ （单引号）
   • " " (双引号)
   • ` ` (反引号) //由反引号定义的字符串，可以换行，并且可以在字符串内部使用变量

3. 布尔类型(Boolean)

   • true (正确)
   • false (错误)

4. 空类型(Null)

   • null //例如 ： var a = ; //此时的a变量的值就为空，即为null

5. 未定义类型(undefined)

   • undefined //例如：var a; //此时声明了a变量，但是未给a变量赋值，所有a的值为undefined

6. 对象类型(Object)

   • object //对象在javascript中属于一个特殊的类型(引用类型)

八、如何检测数据类型？

	//例如： 
	var num = 5;
	var str = 'hello javascript'；
	console.log(typeof num);//输出为number ，即为Number类型
	console.log(typeof str);//输出为string，即为String类型

需要注意的是typeof的返回值有六种，分别为：number、string、boolean、object、undefined、function
我们会发现，六种数据类型中的null它并没有正确的输出出来，而如果我们typeof 一个函数的时候，它会返回一个function；
要注意的就是在使用 typeof 的时候，null类型会被判断为 object

--------------------------------------------------------这里是华丽的分割线-------------------------------------------

	基本上是一些个人理解加上一些老师，书籍的教导，如果有错误的地方，请及时指教，谢谢