JavaScript知识总结

什么是JavaScript，有什么作用，用在什么地方？

JavaScript是一种属于网络的脚本语言，已经被广泛用于Web应用开发。其作用是为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。
JavaScript是一种轻量级的解释型编程语言，它旨在创建以网络为中心的应用程序；它与Java互补并集成在一起。JavaScript非常容易实现，因为它与HTML集成在一起；它是开放和跨平台的。

JavaScript的特点：
JavaScript脚本语言具有以下特点:

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

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

• 简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。

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

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

JavaScript用途：

• 嵌入动态文本于HTML页面。
• 对浏览器事件做出响应。
• 读写HTML元素。
• 在数据被提交到服务器之前验证数据。
• 检测访客的浏览器信息。
• 控制cookies，包括创建和修改等。
• 基于Node.js技术进行服务器端编程。

JavaScript的发展历史
JavaScript因互联网而生，紧跟浏览器的发展而发展。

​ 1990年，欧洲核能研究所（CERN）科学家在互联网（Internet）基础上，发明了万维网（World Wide Web），从此可以再网上浏览网页文件。（互联网是线路、协议以及通过TCP、IP协议实现数据电子传输的硬件和软件的集合体。Internet提供的主要服务有万维网WWW、文件传输FTP、电子邮件E-mail、远程登录Telnet等。万维网则存在于互联网之上，是由无数个网络站点和网页集合而成，构成了因特网主要的部分。如果把互联网看成是基础，万维网就可以被看成是对互联网的应用）

​ 1992年，美国国家超级电脑应用中心（NCSA）开发了人类历史上第一个浏览器Mosaic。

​ 1994年，NCSA的程序员联合一个风投家成立Mosaic通信公司，后来更名为Netscape。开发面向普通用户的新一代浏览器Netscape Navigator1.0版，市场份额一举超过90%。

​ Netscape公司很快发现，浏览器需要一种可以嵌入网页的脚本语言来控制页面行为。因为那时网速很慢而且网费很贵，有些操作不需要在服务端完成，可以把这些操作在浏览器端完成，从而提高效率。他们对这项脚本语言的设想是：功能不需要太强，语法简单，容易学习和部署。 恰逢Sun公司java问世，两家公司强强联合，NetScript公司希望借助Java语言的声势，Sun公司则将自己的影响力扩展到浏览器，1995年，他们雇佣程序员十天时间就设计完成了这种语言的第一版，命名为JavaScript，对外宣称JavaScript是Java的补充。

• 基本语法：借鉴C语言和Java语言
• 数据结构：借鉴Java语言，包括将值分为原始值和对象两大类
• 函数用法：借鉴Schema语言和AWK语言，引入闭包
• 原型继承模型：借鉴Self语言
• 正则表达式：借鉴Perl语言
• 字符串和数组处理：借鉴Python语言

JavaSCript中的数据类型

Javascript是一种弱类型语言，没有明确的类型分类；网上分类的方式比较多，个人感觉不比去特别的追究细分是什么什么类型，若是能够明确的分出类型的话，javascript就不是弱类型语言，又由于大家所使用的主体语言概念不完全相同（像C#，PHP，C语言等），分类的时候就会根绝自己的主体语言的习惯来分类，无论怎样分类只要有助于自己的理解，能够方便，正确灵活的使用就可以了；下面是两是种常见的分类方式和一些必须了解的基础用法知识；

一、第一种分类方式，也是比较常见的一种分类方法：

分为9种类型：分别是Undefined,Boolean,Object,Number,Null,String,Reference,List,Completion,其中Reference,List,Completion三种类型仅共语言解析运行时使用，无法从程序中直接访问；下面一一介绍；

1、Undefined 类型:是全局对象window的一个特殊属性，顾名思义就是未定义的意思；Undefined类型只有一个值Undefined，表示一个变量定义了但未赋值；

如：var a; alert(a); // 弹出undefined；

下面是几种常见的会出现undefined的情况：

（1）获取一个对象的属性（原本属性和protoType扩展的属性）不存在时，返回undefined；

（2）当一个函数function(){}没有明确的返回值时，显示undefined，例子：function way(){} alert(way());//弹出undefined；

（3）javascript中的参数有多个形参的话，若果调用参数的话，参数数量小于形参数量，那么其他的参数值就为undefined；

2、Null类型：null是javascript保留的关键字，null类型也只有一个null值，表示为空或者不存在的对象引用；

（1）javascript中的if（）判断语句无论是null类型还是undefined类型他们的返回值都是false，也就是说一个变量若是null 或者undefined那么他就为false；

if (null){
   alert("sdf");//进入不了
  }
if (undefined){
   alert("sdfsdf");//进入不了
  }
var a=12;
if (a){
    alert("sdf");  //能进入
}

3、Number类型：表示数值，包含了所有的数值类型，不像高级语言那么细分成int，double，deciable，他的取值范围是：1.7976931348623157E+308到-1.7976931348623157E+308之间，就是1.797693134862315710的308次方到-1.797693134862315710的308次方之间；Number类型有一个特殊的值NaN，他是Number类型中一个非数值的值，就像无穷大，所以NaN不等于NaN；

4、Object类型：用来表示一个对象，像String， Array，new 一个对象等，当这个对象为空时，就是null了；所以alert（ typeof（null））的弹出值为object；

5、String类型：string类型是javascript中的一个比较重要的类型，它用来表示一个字符串，我们在写脚本的时候需要处理很多的字符串，所以javascript库中也提供了很多字符串处理方法，网上已有很多资料了，这里就不一一细说了；

6、Boolean类型：布尔类型大家都很熟悉，这里说几个他的特殊用法：（1）boolea类型和Number类型相结合时，true转化为1，false转化为0；

var a = true;
        alert(a+1);//弹出2
var a = true;
        alert(a);//弹出true

上述六种类型也可以相互转化，基本上是数值和字符串和布尔值之间的转化：

（1）、 Number类型转化为string类型，用tostring（）；

（2）、String类型转化为Number，用Number（）；

var str = "123";
var num = 1;
alert(str + num);//弹出1231
alert(Number(str)+num) //弹出124

也可以使用全局函数parseInt()和parseFloat()来进行转换；parseInt()和parseFloat（）的区别是Number()转换是整个值，而parseInt()和parseFloat()则可以只转换开头的数字部分。

alert(Number("123asdf"));//弹出NaN
alert(Number("1.2.3"))//弹出NaN
alert(parseInt("123sdf"));//弹出123
alert(parseFloat("sdfsdf"));//弹出NaN
alert(parseInt("sdf345"))//弹出NaN

Number（）在转化的过程中布尔类型的true和false分别被转化为1和0其他的不能转化为数值的全部转化NaN。

alert(Number(true));//弹出1
 alert(Number(false));//弹出0
alert(Number(null));//弹出0

其他的若是不能转化为数值类型的，基本上全转化为NaN；

JavaScript中的变量声明方式

在JavaScript中有三种声明变量的方式：var、let、const。但是有朋友不清楚这三种声明变量的区别，下面脚本之家小编给大家详细介绍下js中const、var和let的区别，感兴趣的朋友一起看看吧

在JavaScript中有三种声明变量的方式：var、let、const。下文给大家介绍js中三种定义变量的方式const， var， let的区别。

1.const定义的变量不可以修改，而且必须初始化。

const b = 2;//正确
// const b;//错误，必须初始化 
console.log('函数外const定义b：' + b);//有输出值
// b = 5;
// console.log('函数外修改const定义b：' + b);//无法输出

2.var定义的变量可以修改，如果不初始化会输出undefined，不会报错。

var a = 1;
// var a;//不会报错
console.log('函数外var定义a：' + a);//可以输出a=1
function change(){
a = 4;
console.log('函数内var定义a：' + a);//可以输出a=4
} 
change();
console.log('函数调用后var定义a为函数内部修改值：' + a);//可以输出a=4

3.let是块级作用域，函数内部使用let定义后，对函数外部无影响。

let c = 3;
console.log('函数外let定义c：' + c);//输出c=3
function change(){
let c = 6;
console.log('函数内let定义c：' + c);//输出c=6
} 
change();
console.log('函数调用后let定义c不受函数内部定义影响：' + c);//输出c=3

JavaScript中的算术运算符和赋值运算符
类似a=1+1这样的表达式称为运算符，js的运算符分为算数,赋值,比较和逻辑运算符；常见的算数有：+ - * / %（加减乘除，取模），比方说5/4=41+1；5%4=1，js算数顺序：从左往右，先 / %后+ ；js的值包含数字，字符串，布尔值；在算数运算中，“加号”：有字符串，按照字符串处理，没有按照数字处理；注意布尔值false=0，true=1；比方来说：1+“a”=“1”+“a”=“1a” ; 1+false=1+0=1; false+“a”=“falsea”; 1-“1”=1-1=0; 1-“a”=NaN (not a number)不是一个数；一元二元运算符，正负号代表正负值；减号，字符串可以转换成数字，默认为数字(chrome浏览器，f12控制台，console测试)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>javascript算数运算符</title>
</head>
<script>
//加号：有字符串按照字符串处理，没有按数字
// 1+"a"
// "1a"
// 1+false
// 1
// false+"a"
// "falsea"
// 1-"1"
// 0

//减号，字符串可以转成数字，默认数字
// 1-"a"
// NaN
// 1-"1"
// 0
// 1-"a"
NaN
</script>
<body>
</body>
</html>

赋值运算符也可以叫做复合运算+ - * / %；var a=1;a=a+10;a+=10;a-=10;a=a-10;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>赋值运算符</title>
    <script>
        var a=1;
        // a=a+10;
        //a+=10;
        a-=10;
        a=a-10;
        console.log(a);
    </script>
</head>
<body>
</body>
</html>