JavaScript之变量、作用域

简介:

一.变量

1.基本类型值和引用类型值

 js和其他语言一样也分值类型和引用类型。在基本概念那篇博客也纪录了五种常见的基本数据类型:Undefined、Null、Boolean、Number、String。这五种都是按值访问的基本数据类型,可以操作保持在变量中的实际的值.(js和其他语言C#不同的是String也是基本数据类型)。

引用类型的值是保存在内存中的对象。js不允许直接访问内存中的对象,不能直接操作对象的内存空间。操作对象是是操作的对象的引用。对于引用类型的值可以为它动态的添加属性。

2.变量值的拷贝

这个和C#的类似,基本数据类型是直接创建一个新的变量,对于引用类型是将变量指向赋值对象的堆地址。

3.传递参数

js中所有的函数的参数都是按值传递。把函数外部的值复制给函数内部的参数。传递参数和变量值拷贝一样。在向函数传递引用类型的值时,会把这个值在内存中的地址复制给一个局部变量,这个局部变量的变化会反映在函数外部(类似C#)。

4.检测类型

要检测一个基本类型的变量用typeof是极好的,但对于一个对象或null,用type始终返回object,这样就不是极好的了。这时候instanceof出场了。有了它可以检测出它是什么类型的对象,是数组、还是正则等。

二、执行环境和作用域

1. 执行环境定义了变量或函数有权访问的其他数据。每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。

全局执行环境是最外围的一个执行环境。宿主不同所表示的执行环境的对象也不一样。在web浏览器中,全局执行环境被认为是window对象。

每个函数都有自己的执行环境。当执行流进入一个函数时,函数的环境就被推入一个环境栈中,当函数执行之后,栈将其弹出,把控制权交给之前的执行环境。

作用域链书上介绍的有点过于仔细,意思和生命周期差不多,就是看你这个变量能被访问的地方。

用try-catch、with来延长作用域链。

2.js没有块级作用域


<script type="text/javascript">
    if(true)
    {
        var color="blue";
 
    }
    alert(color); // blue
    for(var  i=0;i<5;i++);
    alert(i); //5
    function FunA()
    {
 
         for(var  j=0;j<5;j++);
 
         return j;
 
    }
    var  result=FunA();
    alert(result); //5
//    alert(j); //出错 不再向下执行
 
    for(var m=0;m<5;m++);
    alert(m); //5
 
</script>

 

看到上面代码测试可能做过C#这些的会感到奇怪,包括我。其实在js中一点也不奇怪。在js中是没有块级作用域。用var声明的变量会添加到最近的环境中,在函数内部,最接近的的环境是函数的局部环境,在with语句中,最接近的环境是函数环境。如果未使用var声明,变量会自动添加到全局变量中。


相关文章
|
JavaScript 前端开发
js的作用域作用域链
【10月更文挑战第29天】理解JavaScript的作用域和作用域链对于正确理解变量的访问和生命周期、避免变量命名冲突以及编写高质量的JavaScript代码都具有重要意义。在实际开发中,需要合理地利用作用域和作用域链来组织代码结构,提高代码的可读性和可维护性。
|
JavaScript 前端开发
JavaScript如何判断变量undefined
JavaScript如何判断变量undefined
|
8月前
|
JavaScript 前端开发 开发者
JavaScript基础——JavaScript变量名称命名规范
JavaScript变量命名规范是编写高质量代码的重要部分。通过遵循基本规则、使用常见命名约定并应用最佳实践,可以提高代码的可读性和可维护性。希望本文能帮助开发者在日常编程中更好地理解和应用JavaScript变量命名规范,从而编写出更清晰、更可靠的代码。
508 11
|
10月前
|
JavaScript 前端开发 容器
盘点JavaScript中所有声明变量的方式及特性
本文详细介绍了JavaScript中变量定义的多种方式,包括传统的`var`、`let`和`const`,以及通过`this`、`window`、`top`等对象定义变量的方法。每种方式都有其独特的语法和特性,并附有代码示例说明。推荐使用`let`和`const`以避免作用域和提升问题,谨慎使用`window`和`top`定义全局变量,不建议使用隐式全局变量。掌握这些定义方式有助于编写更健壮的JS代码。
246 11
|
前端开发 JavaScript
如何在 JavaScript 中访问和修改 CSS 变量?
【10月更文挑战第28天】通过以上方法,可以在JavaScript中灵活地访问和修改CSS变量,从而实现根据用户交互、页面状态等动态地改变页面样式,为网页添加更多的交互性和动态效果。在实际应用中,可以根据具体的需求和场景选择合适的方法来操作CSS变量。
446 12
|
前端开发 JavaScript 数据处理
CSS 变量的作用域和 JavaScript 变量的作用域有什么不同?
【10月更文挑战第28天】CSS变量和JavaScript变量虽然都有各自的作用域概念,但由于它们所属的语言和应用场景不同,其作用域的定义、范围、覆盖规则以及与其他语言特性的交互方式等方面都存在明显的差异。理解这些差异有助于更好地在Web开发中分别运用它们来实现预期的页面效果和功能逻辑。
203 11
|
JavaScript 前端开发
javascript的作用域
【10月更文挑战第19天javascript的作用域
|
JavaScript 前端开发
如何在 JavaScript 中实现块级作用域?
【10月更文挑战第29天】通过使用 `let`、`const` 关键字、立即执行函数表达式以及模块模式等方法,可以在JavaScript中有效地实现块级作用域,更好地控制变量的生命周期和访问权限,提高代码的可维护性和可读性。
|
前端开发 JavaScript UED
如何使用 JavaScript 动态修改 CSS 变量的值?
【10月更文挑战第28天】使用JavaScript动态修改CSS变量的值可以为页面带来更丰富的交互效果和动态样式变化,根据不同的应用场景和需求,可以选择合适的方法来实现CSS变量的动态修改,从而提高页面的灵活性和用户体验。
|
存储 前端开发 JavaScript
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素,以及JavaScript的鼠标事件处理,通过示例代码展示了这些基础知识点在实际开发中的应用。
145 2
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件

热门文章

最新文章