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

相关文章

  • 使用JS调用工控机(Windows)虚拟键盘

    使用JS调用工控机(Windows)虚拟键盘

    在工控机触摸屏中,通过浏览器web端进行表单输入,当聚焦表单输入框并不会出现虚拟键盘进行输入,本文介绍将给大家介绍如何通过js调用工控机(Windows)虚拟键盘,文中通过代码示例介绍的非常详细,需要的朋友可以参考下
    2024-01-01
  • 再谈javascript注入 黑客必备!

    再谈javascript注入 黑客必备!

    这篇文章主要为大家详细介绍了js注入,黑客之路必备!本文告诉大家js注入是什么,js注入攻防如何进行,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • javascript动画之模拟拖拽效果篇

    javascript动画之模拟拖拽效果篇

    其实javascript本身是具有原生拖放功能的,但是由于兼容性问题,以及功能实现的方式,用的不是很广泛。javascript动画广泛使用的还是模拟拖拽。本文将详细介绍javascript的模拟拖拽,有需要的可以参考借鉴。
    2016-09-09
  • WebGL 多重纹理的使用介绍

    WebGL 多重纹理的使用介绍

    这篇文章主要为大家介绍了WebGL 多重纹理的使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • ECMAScript6轮播图实践知识总结

    ECMAScript6轮播图实践知识总结

    最近萌生了用ECMAScript6写一个轮播图的想法,以前就知道ECMAScript6,但是一直没有学,现在终于下决心学了,本篇文章会总结在实践中用到的ES6的知识。
    2016-08-08
  • zeroclipboard复制到剪切板的flash

    zeroclipboard复制到剪切板的flash

    虽然网上实现Ctrl + C的JS代码已经有很多了,但我还是向大家推荐一个比较好的插件zeroclipboard,兼容所有浏览器
    2010-08-08
  • javascript入门教程基础篇

    javascript入门教程基础篇

    这篇文章主要介绍了javascript入门教程,全部内容都是javascript的基础知识,内容很全面,特别适合刚刚学习javascript的朋友学习,希望大家仔细阅读javascript教程。
    2015-11-11
  • 脚本吧 - 幻宇工作室用到js,超强推荐share.js

    脚本吧 - 幻宇工作室用到js,超强推荐share.js

    脚本吧 - 幻宇工作室用到js,超强推荐share.js...
    2006-12-12
  • js+css简单实现网页换肤效果

    js+css简单实现网页换肤效果

    这篇文章主要介绍了js+css简单实现网页换肤效果的方法,涉及JavaScript响应鼠标事件动态遍历及修改页面元素样式的相关技巧,需要的朋友可以参考下
    2015-12-12
  • javascript中indexOf技术详解

    javascript中indexOf技术详解

    indexOf()函数用于查找子字符串在当前字符串中第一次出现的位置。该函数属于String对象,所有主流浏览器均支持该函数。下面我们就来详细探讨下javascript的index0f()函数
    2015-05-05

最新评论