创建一个变量并使其赋值,这一过程是什么样子的?
通常这一个过程我们用一条语句实现,如下:
var num1=5;
这当中解释器发什么了很多的操作
- 创建了num1这个名字
- 创建num1变量需要var,定义一个它可以访问或者被操作的范围,也就是它的作用域.
- 把var num1这个操作提升到函数的最顶上
- 判断5是什么数据类型,5是Number,属于基本类型,把5的值保存在num1当中(栈内存中)
var obj1=new Object();
创建对象过程和上面类似,只不过对象的值保存在堆内存当中,而把内存的地址(引用)保存在obj1当中。
image.png属性方法的增删修改操作
基本数据类型:
- 增删没有任何作用,不会报错。
- 变量的修改,相当于变量重新赋值
例如var num1=5 ---> var num1="123" 相当于把num1这个变量销毁掉,重新创建一个变量num1出来,在把值"123"保存到变量中
引用数据类型·:
- 可以属性方法的增删
- 如果给变量赋值相当于重新创建一个变量
- 如果是修改某一属性,解释器会顺着变了保存的内存地址,找到堆内存的值然后进行修改。
复制变量值
基本数据类型:
var num1=123;
var num2=num1;
- 创建了一个变量num2,给num2进行赋值的操作
- 创建num2和num1是相互独立的
引用数据类型:
var obj1=new Object();
var obj2=obj1;
- 创建obj2,给obj2进行赋值操作,只是把obj1的内存地址复制一份给obj2
函数的参数传递
- js解释器对于参数类型是不关心的
function add(a,b){
return a+b
}
a,b可以为number,string等等
- 参数是以数组的形式传递的,参数的数量就无所谓了。
function add(){
return arguments[0]+arguments[1]
}
- 参数的一个作用,方便使用。。。
- 当一个变量进行函数参数传递的时候,这个时候所有参数都是按值传递。
基础数据类型:count=20,传参的时候, 相当于将20赋值给num,所以count和num是毫无关系的,互不影响。
引用类型:
函数外的变量是全局变量,而复制出的参数是局部变量,作用范围是函数内部,这和复制引用类型是完全相同的,事实并不是这样。。。
本质:
- 对局部变量的属性进行修改,过程是这样子,首先解释器先访问局部变量,发现是引用类型,通过引用找到堆内存的值进行修改,这种修改对外部变量保存的引用没有任何影响,只不过函数里面修改堆内存值的时候,外部变量保存的还是这个内存,所以内部修改,外部就修改
- 直接对局部变量本身进行修改,对obj进行修改,obj指向不是原来的堆内存,而是另一个,这个时候它变成了一个新的局部变量,它的作用范围就是定义这个函数的作用范围,而且在这个函数执行完事,这个局部变量就销毁掉了。
function addTen(num){
num+=10
return num
}
var count=20;
var result=addTen(count);
alert(count) //20 无变化
alert(result) //30
function setName(obj){
obj.name="zhx" //内部变量
}
var person = new Object() //外部变量
setName(person)
alert(person) // "zhx"
function setName(obj){
obj.name="zhx"
obj=new Object()
obj.name="xxx"
}
var person = new Object() //外部变量
setName(person)
alert(person) // "zhx"
网友评论