第四章 变量


创建一个变量并使其赋值,这一过程是什么样子的?

通常这一个过程我们用一条语句实现,如下:

var num1=5;

这当中解释器发什么了很多的操作

  • 创建了num1这个名字
  • 创建num1变量需要var,定义一个它可以访问或者被操作的范围,也就是它的作用域.
  • 把var num1这个操作提升到函数的最顶上
  • 判断5是什么数据类型,5是Number,属于基本类型,把5的值保存在num1当中(栈内存中)
第四章 变量_第1张图片
image.png
var obj1=new Object();

创建对象过程和上面类似,只不过对象的值保存在堆内存当中,而把内存的地址(引用)保存在obj1当中。

第四章 变量_第2张图片
image.png

属性方法的增删修改操作

基本数据类型:

  • 增删没有任何作用,不会报错。
  • 变量的修改,相当于变量重新赋值
    例如var num1=5 ---> var num1="123" 相当于把num1这个变量销毁掉,重新创建一个变量num1出来,在把值"123"保存到变量中

引用数据类型·:

  • 可以属性方法的增删
  • 如果给变量赋值相当于重新创建一个变量
  • 如果是修改某一属性,解释器会顺着变了保存的内存地址,找到堆内存的值然后进行修改。

复制变量值

基本数据类型:

var num1=123;
var num2=num1;
  • 创建了一个变量num2,给num2进行赋值的操作
  • 创建num2和num1是相互独立的
第四章 变量_第3张图片

引用数据类型:

var obj1=new Object();
var obj2=obj1;
  • 创建obj2,给obj2进行赋值操作,只是把obj1的内存地址复制一份给obj2
第四章 变量_第4张图片

函数的参数传递

  • 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是毫无关系的,互不影响。

引用类型
函数外的变量是全局变量,而复制出的参数是局部变量,作用范围是函数内部,这和复制引用类型是完全相同的,事实并不是这样。。。
本质

  1. 对局部变量的属性进行修改,过程是这样子,首先解释器先访问局部变量,发现是引用类型,通过引用找到堆内存的值进行修改,这种修改对外部变量保存的引用没有任何影响,只不过函数里面修改堆内存值的时候,外部变量保存的还是这个内存,所以内部修改,外部就修改
  2. 直接对局部变量本身进行修改,对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"

你可能感兴趣的:(第四章 变量)