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
当浏览器加载html页面的时候,首先会提供一个供全局js代码执行的环境 -> 全局作用域(global/window)
预解释(变量提声):
在当前的作用域中,js代码执行之前,浏览器首先会默认把所有带var和function的进行提前的声明或者定义- 理解声明和定义
var num = 12;
声明(declare)
: var num; -> 告诉浏览器在全局作用域中有一个num的变量了-> 如果一个变量只是声明,但是没有赋值,默认值是undefined
定义(defined)
: num=12; -> 给变量进行赋值 - 对于带var和function关键字的在预解释的时候操作还是不一样的
var -> 在预解释的时候只是提前的声明
function -> 在预解释的时候提前声明 + 定义都完成了
- 预解释只发生在当前的作用域中,例如: 开始只对window下的进行预解释, 只有函数执行的时候才会对函数中的进行预解释
- 理解声明和定义
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)
}
- 如何区分全局变量和私有变量:
a. 在全局作用域下声明(预解释的时候)的变量是全局变量;
b. 在”私有作用域中声明的变量”和”函数的形参”都是私有的变量;
在私有作用域中,代码执行的时候遇到了一个变量,首相我们需要确定他是否为私有的变量,如果是私有的变量,那么和外面的没有任何关系,如果不是私有的,则往当前作用域的上一级作用域进行查找,如果上级作用域也没有则继续查找,一直找到window为止…(作用域链)
- 当函数执行的时候(直接目的: 让函数体中的代码执行), 首先会形成一个新的私有的作用域, 然后按照如下步骤执行:
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增加了一个属性名