详解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的变量与标识符的相关内容,希望对大家的学习有所帮助。

相关文章

  • 微信小程序实现选项卡的简单实例

    微信小程序实现选项卡的简单实例

    这篇文章主要介绍了微信小程序实现选项卡的简单实例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • extjs简介_动力节点Java学院整理

    extjs简介_动力节点Java学院整理

    这篇文章主要介绍了extjs简介,ExtJS为开发者在开发富客户的B/S应用中提供丰富的UI组件,具有统一的主题,便于快速开发,提高效率
    2017-07-07
  • 前端云原生之微信小程序云服务配置指南

    前端云原生之微信小程序云服务配置指南

    前端边界又拓宽,走进火热的云原生云开发赛道,随着云原生时代的到来,各大厂纷纷上云,下面这篇文章主要给大家介绍了关于前端云原生之微信小程序云服务配置的相关资料,需要的朋友可以参考下
    2022-05-05
  • JS实现显示当前日期的实例代码

    JS实现显示当前日期的实例代码

    本文通过实例代码给大家介绍了js实现显示当前日期功能,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2018-07-07
  • clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切

    clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切

    这篇文章主要实现了无需Flash无需依赖任何JS库实现文本复制与剪切,是一款极现代的,不需要flash,不依赖任何其他js库的非常小的插件,叫clipboard.js,感兴趣的小伙伴们可以参考一下
    2015-10-10
  • 基于JavaScript实现窗口拖动效果

    基于JavaScript实现窗口拖动效果

    这篇文章主要介绍了基于JavaScript实现窗口拖动效果的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • JavaScript声明变量的这四兄弟(var、let、function、const)

    JavaScript声明变量的这四兄弟(var、let、function、const)

    这篇文章主要介绍了JavaScript声明变量的这四兄弟,主要就是介绍var、let、function、const区别,需要的朋友可以参考下
    2023-02-02
  • 小程序云开发获取不到数据库记录的解决方法

    小程序云开发获取不到数据库记录的解决方法

    这篇文章主要为大家详细介绍了小程序云开发获取不到数据库记录的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • 80%应聘者都不及格的JS面试题

    80%应聘者都不及格的JS面试题

    超过80%的候选人对下面这道JS面试题的回答情况连及格都达不到。这究竟是怎样神奇的一道JS面试题?他考察了候选人的哪些能力?对正在读本文的你有什么启示?
    2017-03-03
  • 微信小程序登录session的使用

    微信小程序登录session的使用

    这篇文章主要介绍了微信小程序登录session的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-03-03

最新评论