详解javascript的变量与标识符

 更新时间:2016年01月04日 08:40:08   作者:小火柴的蓝色理想  
这篇文章主要为大家介绍了javascript的变量与标识符,感兴趣的小伙伴们可以参考一下

一、变量

  从字面上看,变量是可变的量;从编程角度讲,变量是用于存储数据的容器

1.1变量特性
  javascript中的变量是松散类型的,可以保存任何类型的数据。由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变 

1.2变量命名
  变量可以任意取名,但必须遵循命名规则:

[1]第一个字符必须是字母、下划线或美元符号。其他字符可以是字母、下划线、美元符号或数字

//错误示范
 6num //开头不能用数字
 %sum //开头不能用除(_ $)外特殊符号,如(% + /等)
 sum+num //开头中间不能使用除(_ $)外特殊符号,如(% + /等)
  

[2]字符中的字母可以包括拓展的ASCII或Unicode字母字符,也可以使用中文

[3]不能使用关键字、保留字、true、false和null

[4]变量对大小写敏感

[5]标识符应采用小驼峰格式,第一位应该是数据的类型,常见的标识如下:

数组       a    Array      aItems
布尔值          b    Boolean     bIsComplete
浮点数          f    Float       fPrice
函数      fn    Function    fnHandler
整数       i    Integer    iItemCount
对象        o    Object     oDIv1
正则表达式       re    RegExp     reEmailCheck
字符串         s    String     sUserName
变量       v    Variant   vAnything     

1.3变量声明
声明格式为: var 变量名;

var num;//声明一个变量
var num1,num2;//声明多个变量

  用var操作符定义的变量将成为定义该变量的作用域中的局部变量。若省略var操作符,可以创建一个全局变量,但在严格模式下会抛出 ReferenceError错误

var num1=1;
num2=2;//在严格模式下会报错
num3;//报错

  如果重新声明 JavaScript 变量,该变量的值不会丢失

var carname="Volvo";
console.log(carname);//Volvo
var carname;
console.log(carname);//Volvo

1.4声明提升

  javascript中的变量声明会提升到所有函数和语句之前,但提升后的变量将返回undefined,因为只是声明提升,赋值操作并没有提升

console.log(myvar); // undefined
var myvar = "local value";
console.log(myvar); // "local value"
 

1.5变量赋值
  使用"="给变量赋值,也就是存储内容。变量可以在声明时赋值,但不能有其他操作,如+=、-=等

var num = 5;
//上下是等价的
var num;
num = 5;
var a = 2;//正确
var a += 2;//错误
var a = 2++;//错误,++只能用于变量,不能用于常量

二、标识符

标识符是指变量、函数、属性的名字,或者函数的参数 

2.1标识符命名
  命名规则同变量命名规则,对于不符合命名规则的属性如border-color应写为大括号方式[borderColor] 

2.2标识符解析
  标识符解析是沿着作用域链一级一级地搜索标识符的过程。搜索过程始终从作用域链的前端开始,然后逐级地向后回溯,直到找到标识符为止。

  [1]如果局部环境中存在着同名标识符,就不会使用父环境中的标识符

  [2]如果找不到标识符,表示标识符尚未声明,通常会导致错误发生

  [3]JavaScript引擎在优化标识符查询方面做得不错,访问父环境和局部环境的标识符的时间差别可以忽略不计

var num = 1;
function test(){
 num = 2;
 console.log(num);//2
 console.log(number);//报错
}
test();

以上就是关于javascript的变量与标识符的相关内容,希望对大家的学习有所帮助。

相关文章

  • CocosCreator经典入门项目之flappybird

    CocosCreator经典入门项目之flappybird

    这篇文章主要介绍了CocosCreator经典入门项目之flappybird,详细说明了制作的每个步骤,还有详尽的代码,对CocosCreator感兴趣的同学,一定要看一下
    2021-04-04
  • 分享bootstrap学习笔记心得(组件及其属性)

    分享bootstrap学习笔记心得(组件及其属性)

    Bootstrap是一种web框架,是基于HTML,CSS和JS的一种目前较为流行的前端框架。本篇文章将总结常用组件及其属性,需要的朋友参考下吧
    2017-01-01
  • JS中怎样判断undefined(比较不错的方法)

    JS中怎样判断undefined(比较不错的方法)

    用servlet赋值给html页面文本框值后,用alert来弹出这个值.结果显示"undefined".下面为大家介绍下具体的判断方法,大家可以参考下
    2014-03-03
  • JavaScript中的变量提升和函数提升

    JavaScript中的变量提升和函数提升

    这篇文章主要介绍了JavaScript中的变量提升和函数提升,在js中对变量进行操作后打印值经常会出现undefined的现象。其实原因是因为js中有一个叫做变量提升的功能
    2022-07-07
  • 关于取不到由location.href提交而来的上级页面地址的解决办法

    关于取不到由location.href提交而来的上级页面地址的解决办法

    验证上级页面来源取不到由location.href提交而来的页面地址,搜索了一大堆没有合适的解决办法,突然想到通过模拟JS点击链接的方法
    2009-07-07
  • 详解webpack自定义loader初探

    详解webpack自定义loader初探

    这篇文章主要介绍了webpack自定义loader初探,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • 使用requestAnimationFrame实现js动画性能好

    使用requestAnimationFrame实现js动画性能好

    requestAnimationFrame优于setTimeout/setInterval的地方在于它是由浏览器专门为动画提供的API,在运行时浏览器会自动优化方法的调用,并且如果页面不是激活状态下的话,动画会自动暂停,有效节省了CPU开销,这篇文章给大家详细介绍使用requestAnimationFrame实现js动画
    2015-08-08
  • 手机Web APP如何实现分享多平台功能

    手机Web APP如何实现分享多平台功能

    这篇文章主要介绍了手机Web APP如何实现分享多平台功能的相关资料,需要的朋友可以参考下
    2016-08-08
  • 你未必知道的JavaScript和CSS交互的5种方法

    你未必知道的JavaScript和CSS交互的5种方法

    网页中都有.js文件和.css文件,但这并不意味着CSS和js是独立不能交互的,下面与大家分享js与css交互的5种方法
    2014-04-04
  • 前端常用的js函数方法

    前端常用的js函数方法

    这篇文章主要给大家分享的是常用的js函数的方法,告别搜索引擎的帮助,提高你的开发效率,,需要的朋友可以参考一下,希望对你的学习有所帮助
    2021-12-12

最新评论