美文网首页
Javascript基础进阶(三)作用域链、检测类型

Javascript基础进阶(三)作用域链、检测类型

作者: js_冠荣 | 来源:发表于2018-08-01 20:25 被阅读0次
console.log(total);
var total = 20;
function fn(num1, num2) {
    console.log(total);
    var total = num1 + num2;
    console.log(total);
}
fn(100, 200);
console.log(total);

通过上面代码分析可以分为以下步骤:


2.png

1.如何区分私有变量和全局变量

1)在全局作用域下声明的变量是全局变量。
2)在私有作用域中声明的变量是私有变量。

2.作用域链

在私有作用域中,代码执行的时候遇到某个变量,首先我们需要确定它是否为私有变量,如果是私有变量,那么就和外面没有任何关系。如果不是私有的,则往当前作用域是上层查找,如果上上级还没有,则继续往上,直到window。这样的一种链式查找过程就是作用域链!

3.如何查找当前作用域的上一级作用域

一句话总结:看当前函数在哪个作用域下定义的,那么它的上级作用域就是谁。和函数在哪里执行没关系
例如:

var total = 20;
function fn(num1, num2) {
    var total = 120;
    return function() {
        console.log(total); 
    }
}
var f = fn();
f(); // 120
~function(){
    var total = 1200;
    f(); // 120
}()

上面例子可以看出,f()执行的上级作用域是fn函数,所以total从上级找永远是120,跟他在哪里执行没关系。

4.预解释是毫无节操的一种机制

5.自执行函数

自执行函数定义的那个function在全局作用域下不进行预解释(变量提升),当代码执行到那个位置的时候定义和执行一起完成

(function(){})();
!function(){}();
+function(){}();
-function(){}();
~function(){}();

6.instanceof

虽然在检测基本数据类型时 typeof 是非常得力的助手,但在检测引用类型的值时,这个操作符的 用处不大。通常,我们并不是想知道某个值是对象,而是想知道它是什么类型的对象。为此,ECMAScript 提供了 instanceof 操作符,其语法如下所示:

alert(person instanceof Object); // 变量 person 是 Object 吗?
alert(colors instanceof Array);  // 变量 colors 是 Array 吗? 
alert(pattern instanceof RegExp);  // 变量 pattern 是 RegExp 吗? 

根据规定,所有引用类型的值都是 Object 的实例。因此,在检测一个引用类型值和 Object 构造 函数时,instanceof 操作符始终会返回 true。当然,如果使用 instanceof 操作符检测基本类型的 值,则该操作符始终会返回 false,因为基本类型不是对象。

觉得写的不错的小伙伴点赞加关注哦! (=・ω・=)

相关文章

  • Javascript基础进阶(三)作用域链、检测类型

    通过上面代码分析可以分为以下步骤: 1.如何区分私有变量和全局变量 1)在全局作用域下声明的变量是全局变量。2)在...

  • Javascript 基础 And 进阶

    Javascript 基础 And 进阶 知识点: 原型链 this指向 作用域和预解析 new关键字 闭包 DO...

  • 技术栈

    一、HTML、CSS基础、JavaScript语法基础。 二、JavaScript语法进阶。包括:作用域和闭包、t...

  • 2020前端技术栈

    一、HTML、CSS基础、JavaScript语法基础。二、JavaScript语法进阶。包括:作用域和闭包、th...

  • 理解Javascript的作用域和作用域链

    前言 本文2771字,阅读大约需要8分钟。 总括: 本文讲解了Javascript的作用域,作用域类型,作用域链...

  • javascript学习目录

    【1】ECMAScript数据类型及类型转换 【2】检测类型 【3】注意JavaScript没有块级作用域 【4】...

  • JavaScript入坑第一步:夯实基础

    目录 JavaScript的基本数据类型 JavaScript的执行环境和作用域链 JavaScript的垃圾收集...

  • JS回顾变量、作用域、内存问题

    基本类型和引用类型的值属性的动态复制变量值传递参数检测类型 执行环境与作用域延长作用域链没有块级作用域声明变量提升...

  • 作用域链&引用类型

    作用域链&引用类型 执行环境与引用类型是JavaScript中的重要概念。 执行环境(execution cont...

  • 2018-04-11

    JavaScript作用域链浅析 1、作用域 作用域指的是变量存在的范围。在ES5规范中,JavaScript只有...

网友评论

      本文标题:Javascript基础进阶(三)作用域链、检测类型

      本文链接:https://www.haomeiwen.com/subject/bagzmftx.html