初识JavaScript

---

JavaScript了解：

在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

JavaScript概述：

JavaScript 是一种嵌入式（embedded）语言。

JavaScript 是一种轻量级的脚本语言。它是单线程的语句（一个线程解析），是一门弱语言（没有固定的类型划分 你给定它的值是什么类型，它就是什么类型），作为脚本语言它可以实现侵入xss攻击。

JavaScript 是一种“对象模型”语言。

它提供的额外 API 可以分成三大类。

浏览器控制类：操作浏览器

DOM 类：操作网页的各种元素

Web 类：实现互联网的各种功能

它是怎么被解析的？有浏览器的的地方就能解析对应的JavaScript，通过V8引擎实现。

JavaScript包含的内容：

构成三方面：ESMA Script（基本语法及相关对象 es3、es5、es6、es7...），DOM（文档对象模型 操作HTML），BOM（浏览器对象模型 操作浏览器）

JavaScript的入门

---

书写方式：

1、书写在script标签里面：

<script>   

//语句书写   

console.log("hello world")

</script>

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

console.log('hello world')

引入js文件

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

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

<ahref="javascript:void()">去百度</a>

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

变量定义（使用var 关键词声明）

//var 变量名 = 值

varnumber = 10

变量名的书写（见名知意 区分大小写）

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

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

3、不能使用关键词

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

注释（相当于解释这句话 这个注释不会被翻译）

单行注释 Ctrl + /

//单行注释

多行注释 Alt + Shift + A

/* 多行注释 */

数据类型（检验值类型 基本数据类型）

---

number类型（所有的数值）

字符串类型String（单引号 双引号 都是字符串）

boolean类型（true false）

null 空类型（是null值的情况下才是空值）

undefined未定义（当前没有给值 没有被定义）

object（对象类型 引用数据类型）

使用typeof来查看对应的类型（基本数据类型返回的是对应的类型名 null类型object）

//类型查看typeof 查看对应的类型的 null显示的是object undefined是对应的null的对象扩展

console.log(typeof nummber1);

console.log(typeof bool);

console.log(typeof un);

console.log(typeof nl);

console.log(typeof str);

类型转换

number类型转为String（string>number 隐式转换 toString方法）

//将对应的number类型转为string类型

var strl = nummber1.toString();

console.log(typeof nummber1);

string转为number（显示转换）

1、number方法（直接转number类型）

2、使用parseInt（转整型/整数）

3、使用parseFloat方法（转小数）

var str2 = "1a123.12a"

console.log(Number(str2));//当你将一个内容转为的数值过程中无法被解析时就会出现NaN

//从前到后拿出里面的数值 前面没有数值就会变成NaN

console.log(parseInt(str2));

console.log(parseFloat(str2));

isNaN 是NaN 返回true 不是返回false

var a = 10

console.log(isNaN(a)) //false

var str = 'abc'

console.log(isNaN(Number(str))) //true

无穷大 无穷小（Infinity）

//无穷大

var max = Infinity

console.log(max>100);    //true

//无穷小

var min = -Infinity

console.log(min<-1);    //true

将字符串转为对应的boolean类型

Boolean方法 转为布尔类型

var str = "abc";

//转为boolean类型 非空就是true 空字符串表示false

var b = Boolean(str); //true

var b2 = Boolean(); //false

console.log(b,b2);

将number转为布尔类型

var number1 = 10;

//number转布尔 非0即为true NaN

console.log(Boolean(number1));  //true

console.log(Boolean(0)); //false

console.log(Boolean(NaN)); //false

将undefined和对应的null转为boolean（false）

var un;

console.log(Boolean(un));    //false

console.log(Boolean(null));  //false

将boolean类型转为number类型（false 0 true 1）

console.log(Number(false))

console.log(Number(true))

将对应的undefined和null转为number（0）

var un

console.log(Number(un));     //NaN

console.log(Number(null));    //0

预算符和表达式

算术运算（加减乘除）

+   -   *   /    %    ++    --

自增和自减的前置和后置的区别：

前置先执行对应的++（--）再执行对应的代码

后置先执行对应的代码 再执行++（--）

逻辑运算

&&与（同true则为true）||或（有true就是true）！非（取反）

比较运算

>   <   >=   <=   !=   ===(全等俩个类型和对应的值一模一样这俩个是一个东西)

赋值运算

=   +=   -=   /=   *=   %=

var j = 10

j + = 100    //110

j / = 10    //11

j * = 5    //55

console.log(j);

位运算

>> 右移 << 左移 - 去除小数

计算顺序 先括号里面的 再进行乘除取余 再进行+- 再进行比较运算 再逻辑运算 再进行赋值

三元运算符（三目运算符）

表达式（Boolean类型表达式）？true的内容：false的内容

var a=10;

var b=20;

console.log(a > b ? 10 : 20);    //20

console.log('123a' / 10 ? 'hello' : 'hi');   //hi

number对应的方法

保留几位小数的方法

var number1 = 3;

var number2 = 10;

//默认的大小是16位  是2^-32  整数位也是16位  超出不能显示（存在问题 后续解决）

console.log(number2 / number1);    //3.3333333333333335

//保留小数(方法会优先调用)  当前这个方法会保留小数  但是会变成字符串（黑色）

console.log((number2 / number1).toFixed(2));