JS入门基础知识

 一、JS是什么

 1、JS概述

• JavaScript是一个轻量级的语句，他是单线程的语言（一个线程解析）。
• 他是一个弱语言（他没有固定 的类型划分 你给定的值是什么类型 他就是什么类型）
• 他还是一个脚本语言（侵入 实现xss攻击）。
• 他是怎么被解析的（有浏览器的地方就能解析对应的JavaScript（v8引擎））

2、JS的组成

1. 核心（ECMAScript）：描述了该语言的语法和基本对象。

2. 文档对象模型（DOM）：描述处理网页内容的方法和接口。

3. 浏览器对象模型（BOM）：描述与浏览器进行交互的方法和接口。

3、JS的特性

1.  脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
2. 基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
3. (简单。JavaScript语言中采用的是弱类型的变量类型, 对使用的数据类型未做出严格的要求.
4.  动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作,JavaScript都可直接对这些事件给出相应的响应。
5.  跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提是机器上的浏览器支持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。

二、如何使用JS

1、书写方式

（1）书写在script标签里面（一般会用到的）

<script> 
//语句书写 
console.log('hello world') 
</script>

（2）书写在js文件里面（推荐）

1.定义一个index.js文件

console.log('hello world')

2、引入这个文件

<script src="./index.js"></script>js

（3）书写对应的事件属性里面（比较少用）

<a href="#" onclick="alert('hello world')"></a>

2.定义变量

1、使用var关键字定义一个变量

//var 变量名 = 值
 var number = 10

2、变量名的书写

1.只能是对应的字母或者数字或者下滑线等字符（不能以数字开头）
2.一般采用驼峰命名法（helloWorld 采用单词拼接第一个单词首字母小写 其他单词首字母大写）
3.不能使用关键词（占用之前的关键词的引用空间）
4.普通变量首字母小写 常量全大写（const）

3、关键字和保留字

 3.数据类型

（1）Undefined类型:
      Undefined 类型只有一个值，即特殊的 undefined。在使用 var 声明变量，但没有对其初始化时，这个变量的值就是 undefined

示例如下：

var b;  console.log(b);  //undefined

（2）Null 类型:
      Null 类型是一个只有一个值的数据类型，即特殊的值 null。它表示一个空对象引用(指针)，而 typeof 操作符检测 null 会返回 object。

示例如下：

var b = null;   console.log(typeof b);

（3）Boolean类型:
      Boolean 类型有两个值：true和false。而true一般等于1，false一般等于0。 JavaScript 是区分大小写的，True和False或者其他都不是Boolean类型的值。

示例如下：

var b= true;  console.log(typeof b);

（4）Number类型:
      Number 类型包含两种数值：整型和浮点型.

整型：

var b = 100;    console.log(b);

浮点型：

var b = 10.8;    console.log(b);

（5）字符串类型 String

单引号 双引号 都是字符串

示例如下：

var b = "字符串";    console.log(b);

4.数据类型的转换

//将对应number类型转为string类型 
var str1 = number1.toString()

//将字符串转为number
var str2 = "1a123.12a"
 console.log(Number(str2));//当你将一个内容转为的数值过程中无法被解析就会出现NaN 
//从前到后拿出里面的数值 前面没有数值变成NaN 
console.log(parseInt(str2)); 
console.log(parseFloat(str2));

//将字符串转为boolean类型 非空就是true 空字符串表示false
var str = "abc" 
var b = Boolean(str) //true 
var b1 = Boolean('') //false

//number转布尔 非0和NaN则为true NaN和0就是false 
var number1 = 10 
console.log(Boolean(number1))//true
console.log(Boolean(0))//false
console.log(Boolean(NaN))//false

//将对应的undefined和null转为number
var un
console.log(Number(un)) //NaN
console.log(Number(null)) //0

//将undefined和对应的null转为boolean
var un 
console.log(Boolean(un)) //false 
console.log(Boolean(null)) //false

5.type of 操作符

可以使用 typeof 操作符来查看 JavaScript 变量的数据类型。

var number1 = 10
var bool = true
var un = undefined
var nl = null
var str = "123"


console.log(typeof number1);
console.log(typeof bool);
console.log(typeof un);
console.log(typeof nl);//注意null的数据类型为object，因为它表示的是空对象
console.log(typeof str);