【JavaScript】基础

叁歲伎倆 2022-07-14 03:47 27阅读 0赞

上一篇博客我们提到ECMAScript是JavaScript的核心，他的组成部分有语法、类型、语句、关键字、保留字、操作符等，那么这篇博客我将为大家提供这些基础的知识，希望对您有帮助！

**一、JavaScript了解**

JavaScript与CSS一样，是可以在客户端浏览器上解析并执行的脚本语言，所不同的是js是类似C++、java等基于对象的语言。通过js与CSS相配合可以实现很多动态的页面效果。

当用户在网上填写表单时，页面上的表单常常会对用户的输入进行判断，提示用户邮箱填写是否正确、哪个项目没有填写等，这都是js的小功能。

JavaScript是一种基于客户端浏览器的语言，有了JavaScript便可以使网页变得生动。使用它的目的是与HTML和其他脚本语言一起实现在一个网页中链接多个对象，与网络客户交互作用，从而开发客户端的应用程序。是通过被嵌入或调入标准的HTML语言中来实现的。

特点：

<table style="direction:ltr; border-collapse:collapse; border-style:solid; border-color:#A3A3A3; border-width:1pt; margin-left:.7083in"> 
 <tbody> 
 <tr> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.6673in; padding:4pt 4pt 4pt 4pt"> 简单 </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.6673in; padding:4pt 4pt 4pt 4pt"> 动态 </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.8222in; padding:4pt 4pt 4pt 4pt"> 跨平台 </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.6673in; padding:4pt 4pt 4pt 4pt"> 安全 </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.6916in; padding:4pt 4pt 4pt 4pt"> 节省CGI交互时间 </td> 
 </tr> 
 </tbody> 
</table>

**二、基础知识**

1.语法：

区分大小写；标识符（变量、函数、属性的名字）；直接量（字面量，程序中直接显示的数据）

关键字和保留字：关键字不能作标识符，保留字可能将来被用作关键字。

2.数据类型：

<table style="direction:ltr; border-collapse:collapse; border-style:solid; border-color:#A3A3A3; border-width:1pt; margin-left:.3333in"> 
 <tbody> 
 <tr> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.977in; padding:4pt 4pt 4pt 4pt"> String </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:2.4555in; padding:4pt 4pt 4pt 4pt"> number </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.1937in; padding:4pt 4pt 4pt 4pt"> Boolean </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.75in; padding:4pt 4pt 4pt 4pt"> Undefined </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.1597in; padding:4pt 4pt 4pt 4pt"> Null </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.9048in; padding:4pt 4pt 4pt 4pt"> Object </td> 
 </tr> 
 <tr> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:.977in; padding:4pt 4pt 4pt 4pt"> "或'表示 </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:2.4555in; padding:4pt 4pt 4pt 4pt"> 整数，浮点，科学计数法 isNaN()函数会转换为数值 </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.1937in; padding:4pt 4pt 4pt 4pt"> &nbsp;true false </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.75in; padding:4pt 4pt 4pt 4pt"> 变量被创建后未给 变量赋值时的值 </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.1597in; padding:4pt 4pt 4pt 4pt"> 空对象引用 </td> 
 <td style="border-style:solid; border-color:#A3A3A3; border-width:1pt; vertical-align:top; width:1.9048in; padding:4pt 4pt 4pt 4pt"> 可以传数值、字符串、布尔值等 </td> 
 </tr> 
 </tbody> 
</table>

3.运算符：

4.流程控制语句：

![Center][]

![Center 1][]

5.函数：

使用function关键字来声明，ECMAScript函数不介意传递进来多少参数，也不会因为参数不统一而错误，实际上函数体内可以通过arguments对象来接受传进来的参数。

functionbox() { returnarguments[0]+'| '+arguments[1]; //得到每次参数的值 } alert(box(1,2,3,4,5,6)); //传递参数

6. 对象与数组：  
    对象其实就是一种引用类型，在ECMAScript中引用类型是一种数据结构，用于将数据与功能组织在一起。它是一门面向对象的语言，却不具备传统面向对象语言所支持的类和接口等基本结构。对象与数组创建有两种方式;一种new，一种字面量方法。  
  
7.时间与日期：  
    创建日期对像，用new和Date构造方法即可。ECMAScript提供了Date.parse()和 Date.UTC()两个方法。Date.parse()方法接收一个表示日期的字符串参数，然后尝试根据这个字符串返回相应的毫秒数。  
  
如果 Date.parse()没有传入或者不是标准的日期格式，那么就会返回 NaN。

alert(Date.parse()); //NaN

如果想输出指定的日期，那么把 Date.parse()传入 Date 构造方法里。

varbox=newDate(Date.parse('6/13/2011'));//MonJun13201100:00:00GMT+0800
    varbox=newDate('6/13/2011'); //直接传入，Date.parse()后台被调用

如果 Date.UTC()参数传递错误，那么就会出现负值或者 NaN 等非法信息。

alert(Date.UTC()); //负值或者 NaN

如果要输出指定日期，那么直接把 Date.UTC()传入 Date 构造方法里即可。

varbox=newDate(Date.UTC(2011,11,5,15,13,16));

三、总结  
    知识都是相通的。

[Center]: /images/20220714/0a55d8e620934103b2201b5746be8271.png
[Center 1]: /images/20220714/7518e79f8b2748a58d9860921a342d29.png