JavaScript高级程序设计之变量与作用域

更新时间：2021年11月12日 11:40:40 作者：刘志军

这篇文章主要介绍了JavaScript高级程序设计之变量与作用域，文章主要通过描述原始值与引用值、instanceof、作用域展开具体内容,需要的朋友可以参考一下

1、原始值与引用值

6种简单数据类型的值都是原始值，原始值通过变量赋值给另一个变量时，会复制一个出一个新的值，两者相互独立。

let num1 = 5
let num2 = num1

引用值通过变量赋值给另一个变量时，也会复制一个值，这个值其实是一个指针（引用），该指针指向的还是同一个对象。

let obj1 = new Object()

let obj2 = obj1

既然是指向同一个引用对象，那么给obj1添加属性，也会作用到obj2身上去。

obj1.name = "zhangsan"

console.log(obj2.name) // zhangsan

函数在传参的过程中，只有一种情况就是按照值传递，这跟变量的赋值是一个样。只不过，对于引用值，传递的值是指针，但指针指向的还是同一个对象。

2、instanceof

typeof 一般适合用来判断原始值，对于引用值并不使用，因为 null 和其它对象返回的都是 object，具体是什么类型的对象并不知道。而判断引用值具体是什么类型对象最好的方法就是用 instanceof 表达式。

console.log(1 instanceof Object)  //false
let obj = new Object();
console.log(obj instanceof Object)  //true
console.log(null instanceof Object)  //false



function fun(){
    //
}
console.log(fun instanceof Object)  //true
console.log(fun instanceof Function) //true

console.log([] instanceof Object) //true
console.log([] instanceof Array) //true

3、作用域

变量的作用范围称为作用域或者执行上下文，变量脱离了该作用域不再可见，所有系统查找一个变量时是有一个作用域链的。先从引用该变量最近的块作用域找，没找到继续往外局部作用域找，再没找到就在全局作用域中查找。如果还没找到就会报错 ReferenceError: xxx is not defined。

到此这篇关于JavaScript高级程序设计之变量与作用域的文章就介绍到这了,更多相关JavaScript变量与作用域内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

JS代码优化的8点建议
本文将详细介绍JS编程风格的几个要点与JS代码优化的几点建议,需要的朋友可以参考下
2020-02-02
微信小程序设置启动页面的两种方法
这篇文章主要介绍了微信小程序设置启动页面的方法的相关资料,这里对设置启动页面的两种方法分别介绍，需要的朋友可以参考下
2017-03-03
Google 地图控件集详解及实例代码
本文主要介绍Google 地图控件集,这里帮大家整理了关于Google地图控件集的基础知识,详细介绍了控件的功能，并附示例代码，有需要的小伙伴可以参考下
2016-08-08
微信小程序 canvas API详解及实例代码
这篇文章主要介绍了微信小程序 canvas API详解及实例代码的相关资料,需要的朋友可以参考下
2016-10-10
Javascript闭包使用场景原理详细
这篇文章主要介绍了Javascript闭包的使用场景，　　由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，闭包就是能够读取其他函数内部变量的函数。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁,下面一起进入文化在哪个了解文章内容
2021-11-11
前端JavaScript大管家 package.json
这篇文章主要介绍了前端JavaScript大管家 package.json，在每个前端项目中，都有package.json文件，它是项目的配置文件，常见的配置有配置项目启动、打包命令，声明依赖包等，下面我们就来学习 package.json的详细内容,需要的朋友可以参考一下
2021-10-10
JavaScript中Reduce10个常用场景技巧
这篇文章主要为大家介绍了JavaScript中Reduce10个常用场景和技巧，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-06-06
quickjs 封装 JavaScript 沙箱详情
这篇文章主要介绍了 quickjs 封装 JavaScript 沙箱，在前文 JavaScript 沙箱探索中声明了沙箱的接口，并且给出了一些简单的执行任意第三方 js 脚本的代码，但并未实现完整的 IJavaScriptShadowbox，下面便讲一下如何基于 quickjs 实现,需要的朋友可以参考一下
2021-10-10
微信小程序 swiper组件轮播图详解及实例
这篇文章主要介绍了微信小程序 swiper组件轮播图详解及实例的相关资料,需要的朋友可以参考下
2016-11-11
微信小程序数据交互与渲染实例详解
这篇文章主要介绍了微信小程序数据交互与渲染实例详解的相关资料,需要的朋友可以参考下
2017-01-01