从字面上看,变量是可变的量;
从编程角度讲,变量是用于存储某种/某些数值的存储器。
我们可以把变量看做一个盒子,为了区分盒子,可以用BOX1,BOX2等名称代表不同盒子,BOX1就是盒子的名字(也就是变量的名字)。如图:
定义变量使用关键字var,语法如下:
var 变量名注:
1、变量名可以任意取名,但要遵循命名规则:
1.变量必须使用字母、下划线(_)或者美元符($)开始。
2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。
3.不能使用JavaScript关键词与JavaScript保留字。
2、变量要先声明再赋值,如下:
var mybookmybook="javascript"
mybook="hello"
3. 在JS中区分大小写,如变量mychar与myChar是不一样的,表示是两个变量。
4. 变量虽然也可以不声明,直接使用,但不规范,需要先声明,后使用。
你好,js语言是弱类型语言,无需申明即可直接使用,默认是作为全局变量使用的。建议:
在function里时应使用var 申明变量,这样改变量仅仅只在function的生存周期内存在,不会污染到,全局控件。至于直接在<script>标签内使用的话则申明不声明效果都是一样的。
下面的文章可以帮助你更清楚的了解js变量
一、变量的类型
Javascript和Java、C这些语言不同,它是一种无类型、弱检测的语言。它对变量的定义并不需要声明变量类型,我们只要通过赋值的形式,可以将各种类型的数据赋值给同一个变量。例如:
i=100//Number类型
i="variable"//String类型
i={x:4}//Object类型
i=[1,2,3]//Array类型
JS的这种特性虽然让我们的编码更加灵活,但也带来了一个弊端,不利于Debug,编译器的弱检测让我们维护冗长的代码时相当痛苦。
二、变量的声明
JS中变量申明分显式申明和隐式申明。
var i=100//显式申明
i=100//隐式申明
在函数中使用var关键字进行显式申明的变量是做为局部变量,而没有用var关键字,使用直接赋值方式声明的是全局变量。
当我们使用访问一个没有声明的变量时,JS会报错。而当我们给一个没有声明的变量赋值时,JS不会报错,相反它会认为我们是要隐式申明一个全局变量,这一点一定要注意。
三、全局变量和局部变量
当JS解析器执行时,首先就会在执行环境里构建一个全局对象,我们定义的全局属性就是做为该对象的属性读取,在顶层代码中我们使用this关键字和window对象都可以访问到它。而函数体中的局部变量只在函数执行时生成的调用对象中存在,函数执行完毕时局部变量即刻销毁。因此在程序设计中我们需要考虑如何合理声明变量,这样既减小了不必要的内存开销,同时能很大程度地避免变量重复定义而覆盖先前定义的变量所造成的Debug麻烦。
四、变量作用域
任何程序语言中变量的作用域都是一个很关键的细节。JS中变量的作用域相对与JAVA、C这类语言显得更自由,一个很大的特征就是JS变量没有块级作用域,函数中的变量在整个函数都中有效,运行下面代码:
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
//定义一个输出函数
function outPut(s){
document.writeln(s)
}
//全局变量
var i=0
//定义外部函数
function outer(){
//访问全局变量
outPut(i)// 0
//定义一个类部函数
function inner(){
//定义局部变量
var i = 1
// i=1如果用隐式申明 那么就覆盖了全局变量i
outPut(i)//1
}
inner()
outPut(i)//0
}
outer()
</SCRIPT>
输出结果为0 1 0,从上面就可以证明JS如果用var在函数体中声明变量,那么此变量在且只在该函数体内有效,函数运行结束时,本地变量即可销毁了。
由于上面的这个JS特性,还有一个关键的问题需要注意。此前一直使用ActionScript,虽然它和JS都是基于ECMA标准的,但在这里还是略有不同的。例如下面代码:
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
//定义一个输出函数
function outPut(s){
document.writeln(s)
}
//全局变量
var i=0
//定义外部函数
function outer(){
//访问全局变量
outPut(i)// 0
//定义一个类部函数
function inner(){
outPut(i)//undefiend
var i=1
outPut(i)//1
}
inner()
outPut(i)//0
}
outer()
</SCRIPT>
你可能认为输出结果是0 0 1 0,事实上在AS中确实是这样的,而在JS中的输入却是0 undefined 1 0,为何会这样了?刚才我们说到了JS函数体中声明的本地变量在整个函数中都有效,因此在上面代码中var i = 1 在inner函数中都有效,实际上显式声明的变量i是在预编译时就已经编译到调用对象中了,不同于隐式声明变量在解释时才被定义为全局变量,只是在调用outPut(i)时,还没有将它初始化变量,此时的本地变量i是未赋值变量,而不是未定义变量,因此输出了undefined。上面的代码等效于下面代码:
function inner(){
var i//定义但不赋值
outPut(i)//undefiend
i=1
outPut(i)//1
}
为了避免上面的这类问题,因此在函数开始位置集中做函数声明是一个极力推荐的做法。
五、基本类型和引用类型
JS不同于JAVA、C这些语言,在变量申明时并不需要声明变量的存储空间。变量中所存储的数据可以分为两类:基本类型和引用类型。其中数值、布尔值、null和undefined属于基本类型,对象、数组和函数属于引用类型。
基本类型在内存中具有固定的内存大小。例如:数值型在内存中占有八个字节,布尔值只占有一个字节。对于引用型数据,他们可以具有任意长度,因此他们的内存大小是不定的,因此变量中存储的实际上是对此数据的引用,通常是内存地址或者指针,通过它们我们可以找到这个数据。
引用类型和基本类型在使用行为上也有不同之处:
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
//定义一个输出函数
function outPut(s){
document.writeln(s)
}
var a = 3
var b = a
outPut(b)
//3
a = 4
outPut(a)
//4
outPut(b)
//3
</SCRIPT>
对基本类型b进行赋值时,实际上是又开辟了一块内存空间,因此改变变量a的值对变量b没有任何影响。
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
//定义一个输出函数
function outPut(s){
document.writeln(s)
}
var a_array = [1,2,3]
var b_array = a_array
outPut(b_array)//1,2,3
a_array[3] = 4
outPut(b_array)//1,2,3,4
</SCRIPT>
上面是对引用类型的变量赋值,实际上他们传递的是对内存地址的引用,因此对a_array和b_array的存取,实际上都是操作的同一块内存区域。如果希望重新分配内存空间存储引用型变量,那么我就需要使用克隆方法或者自定义方法来复制引用变量的数据。
1、先用js定义一个变量,就是一个字符串的变量,如图,字符串用逗号隔开。
2、要把字符串转化成数据,我们可以使用JS内置的方法,split方法就行了,这个方法要注意的地方,就是参数,由于字符串是用逗号隔开的,参数就输入逗号就行了。
3、为了验证效果,可以把结果输出到控制台上,使用console.log方法,把结果输出就行了。
在4、脚本里,直接调用刚才的方法,当页面打开后,就会直接执行。
5、打开浏览器的开发者工具,点击‘控制台’。
6、在这里就可以看到输出的结果了,可以看到这个结果就是一个数组。
7、点击展开这个数组,可以看到数组每一项的内容。