js基础--javascript基础概念之变量与作用域

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 的一个副本。

例图：

复制之后：开辟了一块新的空间保存str1

复制引用类型的变量。实质上是复制引用类型的指针。如

var  obj = new  Object(); 
var  obj2 = obj;

650) this.width=650;" src="/upload/getfiles/default/2022/11/16/20221116110602385.jpg" title="QQ截图20140716212601.png" />

他们指向同一个引用类型。

传递参数

前面说道 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的属性从根本上被改变了。

原文：http://kinpui.blog.51cto.com/6062354/1439184