Javascript作用域及预解析

最新推荐文章于 2024-09-17 21:49:02 发布

WangZhang_521

最新推荐文章于 2024-09-17 21:49:02 发布

阅读量294

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/WangZhang_521/article/details/122989165

版权

本文详细探讨了JavaScript的作用域，包括全局变量和局部变量的区别，指出JS没有块级作用域的特点，并解析了作用域链的工作原理。此外，还深入介绍了JavaScript的预解析概念及其相关案例，帮助读者全面掌握JS执行上下文的关键知识点。

摘要由CSDN通过智能技术生成

01-JavaScript作用域

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript作用域</title>
    <script>
        // 1.1 作用域概述
        // 通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。就是代码名字(变量)在某个范围内起作用和效果
        // 作用域的目的：提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突
        // 2.JS的作用域（es6版本以前）目前市场上使用最多的是es5。分为全局作用域和局部作用域
        // 3.全局作用域：整个script标签 或者是一个单独的JS文件
        var num = 10;
        console.log(num);
        // 4.局部作用域（也叫函数作用域） 在函数内部就是局部作用域 这个代码的名字只在函数内部起效果和作用
        function fn() {
     
            //局部作用域
            var num = 20;
            console.log(num);
        }
        fn();
    </script>
</head>

<body>

</body>

</html>

02-全局变量和局部变量

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>全局变量和局部变量</title>
    <script>
        //2.1 变量作用域的分类
        // 在Javascript中，根据作用域的不同，变量可以分为两种：全局变量和局部变量
        // 1.全局变量 在全局作用域下的变量   在代码的任何位置都可以使用
        //注意：如果在函数内部 没有声明直接赋值的变量也属于全局变量(不建议使用)
        var num = 10; //num就是一个全局变量
        console.log(num);

        function fn() {
     
            console.log(num);
        }
        fn();
        console.log(aru);