Javascript基础学习干货教程（2）

╰+哭是因爲堅強的太久メ 2022-10-01 05:45 146阅读 0赞

## JavaScript 关键字 ##

JavaScript 关键字用于标识要执行的操作，必须以字母、下划线（\_）或美元符（$）开始。。

JavaScript 同样保留了一些关键字，称为保留字，不能用作变量名或函数名。

JavaScript 中最重要的保留字（按字母顺序）：

<table> 
 <tbody> 
  <tr> 
   <td>abstract</td> 
   <td>else</td> 
   <td>instanceof</td> 
   <td>super</td> 
  </tr> 
  <tr> 
   <td>boolean</td> 
   <td>enum</td> 
   <td>int</td> 
   <td>switch</td> 
  </tr> 
  <tr> 
   <td>break</td> 
   <td>export</td> 
   <td>interface</td> 
   <td>synchronized</td> 
  </tr> 
  <tr> 
   <td>byte</td> 
   <td>extends</td> 
   <td>let</td> 
   <td>this</td> 
  </tr> 
  <tr> 
   <td>case</td> 
   <td>false</td> 
   <td>long</td> 
   <td>throw</td> 
  </tr> 
  <tr> 
   <td>catch</td> 
   <td>final</td> 
   <td>native</td> 
   <td>throws</td> 
  </tr> 
  <tr> 
   <td>char</td> 
   <td>finally</td> 
   <td>new</td> 
   <td>transient</td> 
  </tr> 
  <tr> 
   <td>class</td> 
   <td>float</td> 
   <td>null</td> 
   <td>true</td> 
  </tr> 
  <tr> 
   <td>const</td> 
   <td>for</td> 
   <td>package</td> 
   <td>try</td> 
  </tr> 
  <tr> 
   <td>continue</td> 
   <td>function</td> 
   <td>private</td> 
   <td>typeof</td> 
  </tr> 
  <tr> 
   <td>debugger</td> 
   <td>goto</td> 
   <td>protected</td> 
   <td>var</td> 
  </tr> 
  <tr> 
   <td>default</td> 
   <td>if</td> 
   <td>public</td> 
   <td>void</td> 
  </tr> 
  <tr> 
   <td>delete</td> 
   <td>implements</td> 
   <td>return</td> 
   <td>volatile</td> 
  </tr> 
  <tr> 
   <td>do</td> 
   <td>import</td> 
   <td>short</td> 
   <td>while</td> 
  </tr> 
  <tr> 
   <td>double</td> 
   <td>in</td> 
   <td>static</td> 
   <td>with</td> 
  </tr> 
 </tbody> 
</table>

也应该避免使用 JavaScript 内置的对象、属性和方法的名称作为 Javascript 的变量或函数名：

<table> 
 <tbody> 
  <tr> 
   <td>Array</td> 
   <td>Date</td> 
   <td>eval</td> 
   <td>function</td> 
   <td>hasOwnProperty</td> 
  </tr> 
  <tr> 
   <td>Infinity</td> 
   <td>isFinite</td> 
   <td>isNaN</td> 
   <td>isPrototypeOf</td> 
   <td>length</td> 
  </tr> 
  <tr> 
   <td>Math</td> 
   <td>NaN</td> 
   <td>name</td> 
   <td>Number</td> 
   <td>Object</td> 
  </tr> 
  <tr> 
   <td>prototype</td> 
   <td>String</td> 
   <td>toString</td> 
   <td>undefined</td> 
   <td>valueOf<br></td> 
  </tr> 
 </tbody> 
</table>

应该避免使用一些 Java 对象和属性作为 JavaScript 标识符：

<table> 
 <tbody> 
  <tr> 
   <td>getClass</td> 
   <td>java</td> 
   <td>JavaArray</td> 
   <td>javaClass</td> 
   <td>JavaObject</td> 
   <td>JavaPackage</td> 
  </tr> 
 </tbody> 
</table>

必须（为了可移植性，您也应该这么做）避免使用 HTML 和 Windows 对象和属性的名称作为 Javascript 的变量及函数名：

<table> 
 <tbody> 
  <tr> 
   <td>alert</td> 
   <td>all</td> 
   <td>anchor</td> 
   <td>anchors</td> 
   <td>area</td> 
  </tr> 
  <tr> 
   <td>assign</td> 
   <td>blur</td> 
   <td>button</td> 
   <td>checkbox</td> 
   <td>clearInterval</td> 
  </tr> 
  <tr> 
   <td>clearTimeout</td> 
   <td>clientInformation</td> 
   <td>close</td> 
   <td>closed</td> 
   <td>confirm</td> 
  </tr> 
  <tr> 
   <td>constructor</td> 
   <td>crypto</td> 
   <td>decodeURI</td> 
   <td>decodeURIComponent</td> 
   <td>defaultStatus</td> 
  </tr> 
  <tr> 
   <td>document</td> 
   <td>element</td> 
   <td>elements</td> 
   <td>embed</td> 
   <td>embeds</td> 
  </tr> 
  <tr> 
   <td>encodeURI</td> 
   <td>encodeURIComponent</td> 
   <td>escape</td> 
   <td>event</td> 
   <td>fileUpload</td> 
  </tr> 
  <tr> 
   <td>focus</td> 
   <td>form</td> 
   <td>forms</td> 
   <td>frame</td> 
   <td>innerHeight</td> 
  </tr> 
  <tr> 
   <td>innerWidth</td> 
   <td>layer</td> 
   <td>layers</td> 
   <td>link</td> 
   <td>location</td> 
  </tr> 
  <tr> 
   <td>mimeTypes</td> 
   <td>navigate</td> 
   <td>navigator</td> 
   <td>frames</td> 
   <td>frameRate</td> 
  </tr> 
  <tr> 
   <td>hidden</td> 
   <td>history</td> 
   <td>image</td> 
   <td>images</td> 
   <td>offscreenBuffering</td> 
  </tr> 
  <tr> 
   <td>open</td> 
   <td>opener</td> 
   <td>option</td> 
   <td>outerHeight</td> 
   <td>outerWidth</td> 
  </tr> 
  <tr> 
   <td>packages</td> 
   <td>pageXOffset</td> 
   <td>pageYOffset</td> 
   <td>parent</td> 
   <td>parseFloat</td> 
  </tr> 
  <tr> 
   <td>parseInt</td> 
   <td>password</td> 
   <td>pkcs11</td> 
   <td>plugin</td> 
   <td>prompt</td> 
  </tr> 
  <tr> 
   <td>propertyIsEnum</td> 
   <td>radio</td> 
   <td>reset</td> 
   <td>screenX</td> 
   <td>screenY</td> 
  </tr> 
  <tr> 
   <td>scroll</td> 
   <td>secure</td> 
   <td>select</td> 
   <td>self</td> 
   <td>setInterval</td> 
  </tr> 
  <tr> 
   <td>setTimeout</td> 
   <td>status</td> 
   <td>submit</td> 
   <td>taint</td> 
   <td>text</td> 
  </tr> 
  <tr> 
   <td>textarea</td> 
   <td>top</td> 
   <td>unescape</td> 
   <td>untaint</td> 
   <td>window<br></td> 
  </tr> 
 </tbody> 
</table>

还应该避免使用 HTML 事件句柄的名称作为 Javascript 的变量及函数名。

<table> 
 <tbody> 
  <tr> 
   <td>onblur</td> 
   <td>onclick</td> 
   <td>onerror</td> 
   <td>onfocus</td> 
  </tr> 
  <tr> 
   <td>onkeydown</td> 
   <td>onkeypress</td> 
   <td>onkeyup</td> 
   <td>onmouseover</td> 
  </tr> 
  <tr> 
   <td>onload</td> 
   <td>onmouseup</td> 
   <td>onmousedown</td> 
   <td>onsubmit<br></td> 
  </tr> 
 </tbody> 
</table>

除了保留字，在 JavaScript 实现中也有一些非标准的关键字。比如**const** 关键字，用于定义变量。 一些 JavaScript 引擎把 const 当作 var 的同义词。另一些引擎则把 const 当作只读变量的定义。**建议：不要使用它**。

**this关键字：**

1.  在对象方法中， this 指向调用它所在方法的对象（方法的所有者）
2.  单独使用 this，则它指向全局(Global)对象。浏览器中，window 就是全局对象  
    
3.  函数中，默认模式下this指向函数的所属者；严格模式下（不允许默认绑定），**this** 为 **undefined**
4.  **在 HTML 事件句柄中，this 指向了接收事件的 HTML 元素**  
    
5.  **在 JavaScript 中函数也是对象，对象则有方法，apply 和 call 就是函数对象的方法。允许切换函数执行的上下文环境（context），即 this 绑定的对象。**

**let 关键字**：

let声明的变量只在 let 命令所在的代码块内有效。使用 var 关键字声明的变量（非函数中）不具备块级作用域的特性，它在 \{\} 外依然能被访问到。使用 var 关键字在块中重新声明变量也会重新声明块外的变量。使用 **var** 关键字声明的全局作用域变量属于 window 对象。

在相同的作用域或块级作用域中，不能使用 **let** 关键字来重置 **var** 关键字声明的变量，不能使用 **let** 关键字来重置 **let** 关键字声明的变量，不能使用 **var** 关键字来重置 **let** 关键字声明的变量，**let** 关键字在不同作用域，或不同块级作用域中是可以重新声明赋值的。

JavaScript 中，**var** 关键字定义的变量可以先使用再声明，let 关键字定义的变量需要先声明再使用。

**const关键字：**const 声明一个只读的常量，一旦声明，常量的值就不能改变。

`const`定义常量与使用`let` 定义的变量相似：

*  二者都是块级作用域
 *  都不能和它所在作用域内的其他变量或函数拥有相同的名称

两者还有以下两点区别：

*  `const`声明的常量必须初始化，而`let`声明的变量不用
 *  const 定义常量的值不能通过再赋值修改，也不能再次声明。而 let 定义的变量值可以修改

**const 的本质:** const 定义的变量并非常量，并非不可变，它定义了一个常量引用一个值。使用 const 定义的对象或者数组，其实是可变的。不能对常量对象重新赋值，但是可以改变常量对象的属性和方法。

在相同的作用域或块级作用域中，不能使用 **const** 关键字来重置 **var** 和 **let**关键字声明的变量；在相同的作用域或块级作用域中，不能使用 **const** 关键字来重置 **const** 关键字声明的变量；**const** 关键字在不同作用域，或不同块级作用域中是可以重新声明赋值的；const 关键字定义的变量需要先声明再使用。

## JavaScript 注释 ##

单行注释：//

多行注释：/\* \*/

转载于:https://juejin.im/post/5cda6725f265da03761eacad