JavaScript代码块（代码段）

朱雀 2020-02-28 18:59 2532阅读 0赞

# JavaScript代码块（代码段）

代码块就是使用 `<script>` 标签包含的 JavaScript 代码段。

#### 示例1

在下面示例中，使用了两个 `<script>` 标签分别定义两个 JavaScript 代码块。

```javascript
<script>
    //JavaScript 代码块 1
    var a = 1;
</script>
<script>
    //JavaScript 代码块 2
    function f(){
        alert(1);
    }
</script>
```

浏览器在解析这个 HTML 文档时，如果遇到第一个 `<script>` 标签，则 JavaScript 解释器会等到这个代码块的代码都加载完后，再对代码块进行预编译，然后执行。执行完毕，将继续解析后面的 HTML 代码，同时 JavaScript 解释器也准备好处理下一个代码块。

#### 示例2

如果在一个 JavaScript 代码块中调用后面代码块中声明的变量或函数，就会提示语法错误。例如，当 JavaScript 解释器执行下面代码时就会提示语法错误，显示变量 a 未定义。

```javascript
<script>
    //JavaScript 代码块 1
    alert(a);
</script>
<script>
    //JavaScript 代码块 2
    var a = 1;
</script>
```

如果把两块代码放在一起，就不会出现上述错误。合并代码如下：

```javascript
<script>
    //JavaScript 代码块
    alert(a);
    var a = 1;
</script>
```

#### 温馨提示

JavaScript 是按块执行的，但是不同块都属于同一个作用域（全局作用域），下面块中的代码可以访问上面块中的变量。因此，如果把上面示例中两个代码块的顺序调换一下，就不会出现语法错误。

```javascript
<script>
    //JavaScript 代码块 2
    var a = 1;
</script>
<script>
    //JavaScript 代码块 1
    alert(a);
</script>
```

发表评论取消回复

表情：

评论列表（有 0 条评论，2532人围观）

还没有评论，来说两句吧...

相关阅读

相关代码块

block代码块，允许开发者在两个对象之间将任意语句当作数据进行传递block，使用了与一个函数相同的机制，可以像声明一个函数一样来声明一个block ，可以像定义一个函数的方

深藏阁楼爱情的钟/ 2022年06月03日 22:54/ 0 赞/ 128 阅读

相关 JavaScript -- 代码块

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

Bertha 。/ 2022年06月02日 09:49/ 0 赞/ 75 阅读

相关 Java代码块详解【静态代码块、构造代码块】

何为代码块在Java中用\{ \}括起来的的代码被称为代码块。根据其位置和声明的不同，可以分为：局部代码块、构造代码块、静态代码块。 1、局部代码块：在局部位置，

迈不过友情╰/ 2022年05月19日 06:27/ 0 赞/ 292 阅读

相关 java--代码块静态代码块局部代码块构造代码块

代码块 ![在这里插入图片描述][70] 代码演示 public class Teacher { public Teacher(){

叁歲伎倆/ 2022年05月11日 15:44/ 0 赞/ 275 阅读

相关 JavaScript 语句、注释和代码块

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] [JavaScript 语句][JavaScript]

缺乏、安全感/ 2022年01月13日 23:55/ 0 赞/ 419 阅读

相关代码块

1、普通代码块，在方法中写的代码块。 2、构造块，是在类中定义的代码块，在创建对象时被调用，优于构造方法执行。 3、在类中使用static声明的代码块称为静态代码块，在第一

深藏阁楼爱情的钟/ 2021年12月11日 16:45/ 0 赞/ 223 阅读

相关 JavaScript短小精悍的代码段

函数定义 > 数组的高阶函数reduce： > > arr.reduce(function(array,prev,cur,index){}) > >

我会带着你远行/ 2021年11月09日 10:58/ 0 赞/ 241 阅读

相关代码块

基本描述 -------------------- 在程序中，可以直接使用“\{\}”定义一段语句。根据定义的位置以及声明关键字的不同，可以分为四种：普通代码块、构造

墨蓝/ 2021年09月22日 22:50/ 0 赞/ 324 阅读

相关 JavaScript经常使用代码段

把例如以下代码增加<body>区域中: 后退前进 <!--<input type="button" value="后退" onClick="history

谁借莪１个温暖的怀抱￠/ 2021年09月17日 12:42/ 0 赞/ 226 阅读

相关局部代码块、静态代码块、构造代码块、构造函数

1、局部代码块：（定义在函数中的代码块）限定变量的生存周期。 2、静态代码块：用static关键字声明的代码块。有的类不需要对象，用静态代码块来给类进行初始化。每个静态...

测试账号/ 2021年01月12日 03:09/ 0 赞/ 751 阅读