JavaScript变量

    xiaoxiao2021-03-25  11

    一、JavaScript变量

    1、变量命名

    1>命名规则 变量名需要遵守两条简单的规则:

    a>第一个字符必须是字母、下划线(_)或美元符号($);

    b>余下的字母可以是下划线(_)、美元符号($)、任何字母或数字字符。

    例如:

    var test; var $test; var _test2;

    2>命名方法 ①Camel标记法 首字母是小写,接下来的字母都以大写字符开头。 例如:

    var myTestValue=0; var mySecondValue="hi";

    ②Pascal标记法 首字母是大写的,接下来的字母都以大写字母开头。 例如:

    var MyTestValue=0; var MySecondValue="hi";

    ③匈牙利命名法:变量名=类型+对象描述 在以Pascal标记法命名的变量前附加一个小写字母,说明该变量的类型。 例如:

    var iMyTestValue=0; var sMySecondValue="hi";

    常见变量的前缀如下:

    类型前缀示例整型(Int)iiValue浮点型(Float)ffValue布尔型 (Boolean)bbFound字符串(String)ssValue数组(Array)aaValues对象(Object)ooType函数(Function)fnfnMethod正则(Regular Expression)rerePattern变型(可以是任何类型)vvValue

    2、变量声明

    1>显式声明 var 变量名; 例如:

    var test="hi";

    在这个例子中,声明了变量test,并把它的值初始化为”hi”(字符串)。由于ECMAScript是弱类型的,所以解释程序会为test自动创建一个字符串值,无需明确的类型声明。

    还可以用一个var语句定义两个或多个变量:

    var test1="hi",test="hello";

    还可以用同一个var语句定义的变量不必具有相同的类型,如下:

    var test="hi",age=25;

    与java不同,ECMAScript中的变量不一定要初始化

    var test;

    此外,与java不同的还有同一个变量可以存放不同类型的值。

    var test="hi"; alert(test); //hi test=55; alert(test); //55

    2>声明变量不是必须的 ECMAScript与大多数程序语言的主要区别,是在使用变量之前不必声明。 例如:

    var sTest="hello "; sTest=sTest + "world"; alert(sTest2); //hello world

    ECMAScript的解释程序遇到声明过的标识符时,用该变量名创建一个全局变量,并将其初始化为制定的值。

    3、变量类型

    1>值类型

    特点:

    占用空间固定,保存在栈中;保存与复制的是值本身;使用typeof检测数据的类型基本类型数据是值类型

    2>引用类型

    特点:

    占用空间不固定,保存在堆中;保存与复制的是指向对象的指针;使用instanceof检测数据的类型使用new()方法构造出的对象是引用型

    4、作用域

    1>全局变量

    包含:

    在函数体外定义的变量; 在函数体内部定义的无var的变量。

    调用:

    在任何位置都能调用

    2>局部变量

    包含:

    在函数体内部使用var定义的变量; 函数的参数变量。

    调用:

    当前函数体内部

    3>优先级

    包含:

    局部变量高于同名全局变量; 参数变量高于同名全局变量;局部变量高于同名参数变量。

    4>特性

    a>忽略块级作用域

    function fun1() { var a="12"; if(a=="12") { var test="123"; } alert(test); //123 }

    b>全局变量是全局对象的属性 c>局部变量是调用对象的属性 d>作用域链

    内层函数可访问外层函数的局部变量 外层函数不能访问内层函数的局部变量

    e>生命周期

    全局变量 除非被显示删除,否则一直存在 局部变量 自声明起至函数运行完毕或被显示删除 回收机制 标记清除 引用计数

    本文章主要参考并总结W3School以及W3Cschool W3School

    转载请注明原文地址: https://ju.6miu.com/read-200286.html

    最新回复(0)