js基础--javascript基础概念之变量、作用域
javascript按照ECMA-262 的定义,变量与其他语言变量有所不同。js变量时松散的,不需要事先定义变量类型的。这使得他只是一个保存特定值的一个名称。变量与其数据类型可以在脚本的生命周期内改变。
还有明白几点:
JavaScript的变量作用域是基于其特有的作用域链的,JavaScript没有块级作用域。
基本类型和引用类型的值
ECMAScript 的变量有两种不同的数据类型;分别是 基本数据类型值 和 引用类型值 :
基本数据类型值
是指简单的数据段,
如 string number boolean undefined null 等都是简单是数据类型
引用类型值
是指由多个值构成的对象
object 是引用数据类型
动态的属性
定义基本类型的值和引用类型的值方式是类似的。创建一个变量并未变量赋值,但是赋了不同类型值之后,这个变量的意义就发生了巨大的变化。如:
var str = ‘hello‘;//自动形成String类型 var obj = new Object();//Object 类型
定义了两个类型的变量。一个是简单类型的,一个是object类型的值。当你进行以下操作时:
str.name = ‘kin‘; obj.name = ‘kin‘; alert(str.name);//undefined alert(obj.name);//kin
通过给刚定义的变量添加属性。给string 类型的变量添加属性时并没有发生错误。但是访问是确实是未定义的状态。而引用类型的正常访问。这说明了只能够给引用类型的变量添加动态的属性。
关于变量声明
js声明变量有两个方法;一种是隐式声明,显式声明
var str = ‘hello‘;//显式声明 hid = ‘hello‘;//隐式声明
在外围作用域中,使用var关键字声明的显式变量被js引擎认为是全局变量。而在函数内使用var 定义的显式变量被认为是函数的局部变量。
事实上使用var定义的变量都是局部变量,在乎于作用域的问题。在外围作用域,被视为全局变量。在函数作用域 被视为局部变量。
当你访问一个没有赋值的变量是 js会报错,但是你给一个没有定义的变量赋值:
hid = ‘hello‘;
js会认为你在进行隐式声明一个变量。
隐式和显式定义变量会有什么不同呢?
显式定义后的变量不能够操作delect 如:
var str = ‘hello‘; hid = ‘hi‘; alert(delete str);//false alert(delete hid);//true alert(str);//hello alert(hid);//undefined
全局变量和局部变量
在js解析器开始执行时,会在执行环境里建一个全局对象。在全局对象里面所定义的变量都是全局变量。因此,在顶层的代码里我们可以使用this window 等对象去访问这些变量:
var str = ‘string‘; alert(this.str);//string alert(window.str);//string function fun(){ alert(window.str);//string alert(this.str);//string } fun();
使用this 和 window 关键字可以对全局变量进行访问。可以直接访问
var Num = 100;//定义全局变量 function R_Num(){ alert(Num);//在函数作用域中访问全局变量 } R_Num();
复制变量
在js中 如果你要复制变量。非常简单如:
var str = ‘string’; var str1 = str;//此时 str1 等到了和str 一样的值;
在str 中保存的是字符串 string 定义str1 时使用str 来初始化。因此,str1 中也保存了str 相同的值。而str1 中的值是完全独立的,换句话说 就算你把str 删除 对str1 是没有任何影响的。可以说str1 是str 的一个副本。
例图:
标示符 | 值 |
str | string |
复制之后:开辟了一块新的空间保存str1
标示符 | |
str | string |
str1 | string |
复制引用类型的变量。实质上是复制引用类型的指针。如
var obj = new Object(); var obj2 = obj;
他们指向同一个引用类型。
传递参数
前面说道 js中传递到函数去的值都是保存的一个arguments 对象中去的。 所以,当有传递变量时同样涉及到把一个变量赋值到另外一个变量中去,如:
var num = 100; function addTen(num){ return num = num+100;//函数中改变了num变量。 } alert(addTen(num));//200 alert(num);//100
在函数内将num值改变了。
但是当回到外围作用域使用alert(num)时值依然是原来的值没有变化。说明当传递参数给函数时参数只是将num 复制传递到函数体内 函数中使用的只是外围作用域中num的副本。所以,在函数内部num改变都不会影响到函数外的num。
当传递的值是引用类型时。
如:
var obj = { name:‘kin‘, age:‘20‘ }; function changeName(obj){ return obj.name = ‘chen‘; } var newName = changeName(obj); alert(newName);//chen alert(obj.name);//chen
引用类型的值完全发生了变化 外围作用域中obj 的 name属性从原本的kin 改变成了chen 原因是传递给函数的值是这个引用类型的指针,函数根据这个指针改变了相应的obj属性。因此,obj的属性从根本上被改变了。