JS入门基础知识

 一、JS是什么

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

2、JS的组成

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

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

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

3、JS的特性

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

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

(简单。JavaScript语言中采用的是弱类型的变量类型, 对使用的数据类型未做出严格的要求.

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

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

二、如何使用JS

1、书写方式

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

<script> 

//语句书写 

console.log('hello world') 

</script>

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

1.定义一个index.js文件

console.log('hello world')

2、引入这个文件

console.log('hello world')

2、引入这个文件

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

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

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

2.定义变量

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

//var 变量名 = 值

 var number = 10

2、变量名的书写

1.只能是对应的字母或者数字或者下滑线等字符（不能以数字开头）

2.一般采用驼峰命名法（helloWorld 采用单词拼接第一个单词首字母小写 其他单词首字母大写）

3.不能使用关键词（占用之前的关键词的引用空间）

4.普通变量首字母小写 常量全大写（const）

3、数据类型

JS数据类型一般可以分为：

Boolean： 布尔类型

Number：数字（整数int， 浮点数float）

String：字符串

Object：对象（包含Array数组）

特殊数据类型 Null Undefined

（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，因为它表示的是空对象