JavaScript学习记录day1-快速入门

蔚落 2022-06-17 06:15 196阅读 0赞

# JavaScript学习记录day1-快速入门 #

@(学习)\[javascript\]

*  JavaScript学习记录day1-快速入门
    
     *  快速入门
     *  编程工具
     *  语法
     *  注释
     *  大小写

**JavaScritps 是什么？**  
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

> 在Web世界里，只有JavaScript能跨平台、跨浏览器驱动网页，与用户交互。

**编写JS的流程**  
布局：HTML+CSS  
属性：确定要修改哪些属性  
事件：确定用户做哪些操作（产品设计）  
编写JS：在事件中，用JS来修改页面元素的样式

## 1. 快速入门 ##

JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到`<head>`中：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>我的第一个JS</title>
        <script> function myFirstScript() { alert("Hello word!"); } myFirstScript(); </script>
    
    </head>
    <body>
    
    </body>
    </html>

由`<script>...</script>`包含的代码就是JavaScript代码，它将直接被浏览器执行。

第二种方法是把JavaScript代码放到一个单独的.js文件，然后在HTML中通过引入这个文件：

这样，/static/js/abc.js就会被浏览器执行。  
把JavaScript代码放入一个单独的.js文件中更利于维护代码，并且多个页面可以各自引用同一份.js文件。  
可以在同一个页面中引入多个.js文件，还可以在页面中多次编写`<script> js代码... </script>`，浏览器按照顺序依次执行。

## 2. 编程工具 ##

我使用的是webstorm，这款工具非常好用，但是是收费软件，可以使用它的开源license。  
[https://www.jetbrains.com/webstorm/][https_www.jetbrains.com_webstorm]

## 3. 语法 ##

JavaScript的语法和Java语言类似，每个语句以`;`结束，语句块用`{...}`。但是，JavaScript并不强制要求在每个语句的结尾加`;`，浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上`;`。

> 注意：让JavaScript引擎自动加分号在某些情况下会改变程序的语义，导致运行结果与期望不一致。为了养成良好习惯，我们不要省略`;`，所有语句都添加`;`。

if (2 > 1) {
        x = 1;
        y = 2;
        z = 3;
    }

> 注意花括号`{...}`内的语句具有缩进，通常是4个空格。缩进不是JavaScript语法要求必须的，但缩进有助于我们理解代码的层次，所以编写代码时要遵守缩进规则。很多文本编辑器具有“自动缩进”的功能，可以帮助整理代码。

## 4. 注释 ##

以`//`开头直到行末的字符被视为行注释，注释是给开发人员看到，JavaScript引擎会自动忽略：

// 这是一行注释
    alert('hello'); // 这也是注释
    
    //另一种块注释是用/*...*/把多行字符包裹起来，把一大“块”视为一个注释：
    /* 从这里开始是块注释 仍然是注释 仍然是注释 注释结束 */

## 5. 大小写 ##

请注意，JavaScript严格区分大小写，如果弄错了大小写，程序将报错或者运行不正常。