js笔记二十六之预解释

js中的数据类型

• 基本数据类型
  • string
  • number
  • undefined
  • null
  • Boolean
• 引用数据类型
  • 对象
    • {} 对象
    • [] 数组
    • /^$/ 正则
    • Date 日期
  • function

var num = 12;

var obj = {name:"lilei",age:18}

function fn(){
    console.log("好好学习,天天向上")
}
console.log(fn) // -> 把整个函数的定义部分(函数本身)在控制台输出
console.log(fn()) // -> 把当前函数执行的返回结果 return 后面写的是啥
                 //返回的值就是啥,如果没有return,默认返回undefined

1. 当浏览器加载html页面的时候,首先会提供一个供全局js代码执行的环境 -> 全局作用域(global/window)

2. 预解释(变量提声):
   在当前的作用域中,js代码执行之前,浏览器首先会默认把所有带var和function的进行提前的声明或者定义

   1. 理解声明和定义
      var num = 12;
      声明(declare): var num; -> 告诉浏览器在全局作用域中有一个num的变量了-> 如果一个变量只是声明,但是没有赋值,默认值是undefined
      定义(defined): num=12; -> 给变量进行赋值
   2. 对于带var和function关键字的在预解释的时候操作还是不一样的
      var -> 在预解释的时候只是提前的声明
function -> 在预解释的时候提前声明 + 定义都完成了
   3. 预解释只发生在当前的作用域中,例如: 开始只对window下的进行预解释, 只有函数执行的时候才会对函数中的进行预解释

3. js中内存的分类
   栈内存: 用来提供一个供js代码执行的环境 -> 作用域(全局作用域/私有作用域)
   堆内存: 用来存储引用数据类型的值 -> 对象存储的是属性名和属性值, 函数存储的是代码字符串...

console.log(num) // -> undefined 不可以在上面执行,因为 var 预解释只声明不定义
var num = 12;
console.log(num) // -> 12
var obj = {name:"lilei",age:18}

fn(100,200) // -> 300  可以在上面执行,因为函数在预解释的时候声明和定义就已经完成了
function fn(num1,num2){
    total = num1 + num2;
    console.log(total)
}

1. 如何区分全局变量和私有变量:
   a. 在全局作用域下声明(预解释的时候)的变量是全局变量;
   b. 在"私有作用域中声明的变量"和"函数的形参"都是私有的变量;
   在私有作用域中,代码执行的时候遇到了一个变量,首相我们需要确定他是否为私有的变量,如果是私有的变量,那么和外面的没有任何关系,如果不是私有的,则往当前作用域的上一级作用域进行查找,如果上级作用域也没有则继续查找,一直找到window为止...(作用域链)

2. 当函数执行的时候(直接目的: 让函数体中的代码执行), 首先会形成一个新的私有的作用域, 然后按照如下步骤执行:
   a. 如果有形参,先给形参赋值
   b. 进行私有作用域中的预解释
   c. 私有作用域中的代码从上到下执行
   d. ...

函数形成一个新的私有作用域保护了里面的私有变量不受外界干扰(外面修改不了私有的, 私有的也修改不了外面的) --> 闭包

console.log(num1); // -> undefined
var num1 = 12;
console.log(num2); // -> Uncaught ReferenceError: num2 is not defined
num2 = 12;

在全局作用域中, 带var 和不带 var的关系?

区别:

• 带var 的可以进行预解释, 所以在赋值的前面执行不会报错;
• 不带var 的是不能预解释的, 在前面执行会报错

关系:

• num2 = 12 -> 相当于给window增加了一个叫做num2的属性名, 属性值是12
• var num1 = 12 -> 首先他相当于给全局作用域增加了一个全局变量num1, 但是不仅如此,它也相当于给window增加了一个属性名num1,属性值是12

私有作用域中出现的一个变量不是私有的,则往上级作用域进行查找,上级没有则继续向上查找,一直找到window为止,如果window下也没有呢?
我们要是获取值: 则报错;
我们要是设置值: 相当于给window增加了一个属性名