JS数据类型与作用域详解-优快云博客

5种基本类型：undefined，null，Boolean，Number，String

引用类型的值是保存在内存中的对象，与其他语言不同，js不允许直接访问内存中的位置，也就是说不能直接操作对象的内存空间，在操作对象时，实际上是操作对象的引用而不是实际的对象，为此，引用类型的值是按引用访问的（这种说法不严密，当复制保存着对象的某个变量时，操作的是对象的引用。但再为对象添加属性时，操作的是实际的对象）

ECMAscript中左右参数都是按值传递的，访问变量有按值和按引用两种方式，而参数只能按值传递

在向参数传递基本类型的值时，被传递的值会被复制给一个局部变量（即命名参数，或者用ECMAscript的概念嘞说，就是arguments对象中的一个元素），在向参数传递引用类型的值时，会把这个值在内存中的地址复制给一个局部变量，因为这个局部变量的变化会反映在函数的外部
这里写图片描述

有很多开发人员错误的认为，在局部作用域中修改的对象会在全局作用域中反映出来，就说明参数是按引用传递的，为了证明对象是按值传递的，我们看一下下面这个例子
这里写图片描述
内层输出的是lisi，但是最外层输出的是zhangsan，这说明即使在函数内部修改了参数的值，但愿是的引用仍然保持没变，实际上，当在函数内部重写obj时，这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕会立即被销毁。

检测类型的方法：

1.typeof

2.instanceof

根据规定，所有引用类型的值都是Object的实例，如果使用instanceof操作符检测基本类型的值，则该操作符始终会返回false，因为基本类型不是对象
这里写图片描述
3. .constructor

4.Object.protype.toString.call(xx)

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

内部环境可以通过作用域链访问所有的外部环境，但外部环境不能访问内部环境中的任何变量和函数

在JavaScript中，一个变量名进入作用域的方式有 4 种：

Language-defined：所有的作用域默认都会给出 this 和 arguments 两个变量名（global没有arguments）;

Formal parameters（形参）：函数有形参，形参会添加到函数的作用域中;

Function declarations（函数声明）：如 function foo() {};

Variable declarations（变量声明）：如 var foo，包括函数表达式。

函数声明和变量声明总是会被移动（即hoist）到它们所在的作用域的顶部（这对你是透明的）。

而变量的解析顺序（优先级），与变量进入作用域的4种方式的顺序一致。

一个详细的例子：

function testOrder(arg) {
    console.log(arg); // arg是形参，不会被重新定义
    console.log(a); // 因为函数声明比变量声明优先级高，所以这里a是函数
    var arg = 'hello'; // var arg;变量声明被忽略， arg = 'hello'被执行
    var a = 10; // var a;被忽视; a = 10被执行，a变成number
    function a() {
        console.log('fun');
    } // 被提升到作用域顶部
    console.log(a); // 输出10
    console.log(arg); // 输出hello
}; 
testOrder('hi');
/* 输出：
hi 
function a() {
        console.log('fun');
    }
10 
hello 
*/

这里写图片描述
我之前一直以为return放在这两个位置没有任何的区别，然而。。

在编程语言中，基本都是使用分号（;）将语句分隔开，这可以增加代码的可读性和整洁性。而在JS中，如若语句各占独立一行，通常可以省略语句间的分号（;），JS 解析器会根据能否正常编译来决定是否自动填充分号：

var test = 1 + 
2
console.log(test);  //3

在上述情况下，为了正确解析代码，就不会自动填充分号了，但是对于 return 、break、continue 等语句，如果后面紧跟换行，解析器一定会自动在后面填充分号(;)，所以上面的第二个函数就变成了这样：

function foo2()
{
  return;
  {
      bar: "hello"
  };
}

所以第二个函数是返回 undefined。

词法作用域：

无论函数在哪里被调用，也无论它如何被调用，它的词法作用域都只由函数被声明时所处的位置决定

下面看下面的这个例子
这里写图片描述
这个例子的话bar是谁在调用的呢可以理解为window.bar()，所以this指向了window，

bind是用来绑定this的，所以上面那个的this指向了obj

区分函数声明和表达式最简单的方法：

是看function关键字出现在声明中的位置（不仅仅是一行代码，而是整个声明中的位置）。如果function是声明中的第一个词，那么就是一个函数声明，否则就是一个函数表达式

函数声明可以被变量提升，但是函数表达式不可以

只要声明是有效的，在声明中的任意位置都可以使用{…}括号来为let创建一个用于绑定的块。

块作用域：

不仅仅let，const有，try／catch结构在catch分句中也具有块作用域

变量，作用域和内存问题