详解javascript的变量与标识符


Posted in Javascript onJanuary 04, 2016

一、变量

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

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

Javascript 相关文章推荐
JS.getTextContent(element,preformatted)使用介绍
Sep 21 Javascript
学习JavaScript设计模式(策略模式)
Nov 26 Javascript
jQuery遮罩层实现方法实例详解(附遮罩层插件)
Dec 08 Javascript
JS、jQuery中select的用法详解
Apr 21 Javascript
js实现带农历和八字等信息的日历特效
May 16 Javascript
微信小程序 loading 详解及实例代码
Nov 09 Javascript
js实现文本上下来回滚动
Feb 03 Javascript
深入浅析JavaScript中的RegExp对象
Sep 18 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
Nov 15 Javascript
H5+C3+JS实现双人对战五子棋游戏(UI篇)
May 28 Javascript
详解Vue-Router源码分析路由实现原理
May 15 Javascript
Vuex 模块化使用详解
Jul 31 Javascript
bootstrap实现弹窗和拖动效果
Jan 03 #Javascript
基于javascript实现窗口抖动效果
Jan 03 #Javascript
理解jquery事件冒泡
Jan 03 #Javascript
实例讲解避免javascript冲突的方法
Jan 03 #Javascript
详解js中class的多种函数封装方法
Jan 03 #Javascript
js中利用tagname和id获取元素的方法
Jan 03 #Javascript
信息页文内画中画广告js实现代码(文中加载广告方式)
Jan 03 #Javascript
You might like
php恢复数组的key为数字序列的方法
2015/04/28 PHP
php开发时容易忘记的一些技术细节
2016/02/03 PHP
实例讲解php数据访问
2016/05/09 PHP
PHP封装的多文件上传类实例与用法详解
2017/02/07 PHP
php 类中的常量、静态属性、非静态属性的区别
2017/04/09 PHP
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
如何简单地用YUI做JavaScript动画
2007/03/10 Javascript
记录几个javascript有关的小细节
2007/04/02 Javascript
ExtJS的FieldSet的column列布局
2009/11/20 Javascript
javascript和HTML5利用canvas构建猜牌游戏实现算法
2013/07/17 Javascript
Javascript Web Slider 焦点图示例源码
2013/10/10 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
通过jquery 获取URL参数并进行转码
2014/08/18 Javascript
简易的JS计算器实现代码
2016/10/18 Javascript
关于Vue.nextTick()的正确使用方法浅析
2017/08/25 Javascript
详解Require.js与Sea.js的区别
2018/08/05 Javascript
微信小程序带动画弹窗组件使用方法详解
2018/11/27 Javascript
ES6之Proxy的get方法详解
2019/10/11 Javascript
微信js-sdk 录音功能的示例代码
2019/11/01 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
2020/05/19 jQuery
python实现telnet客户端的方法
2015/04/15 Python
详解Python的单元测试
2015/04/28 Python
关于python中密码加盐的学习体会小结
2019/07/15 Python
Python线程threading模块用法详解
2020/02/26 Python
实例讲解Python 迭代器与生成器
2020/07/08 Python
总结Pyinstaller的坑及终极解决方法(小结)
2020/09/21 Python
细说CSS3中的选择符
2008/10/17 HTML / CSS
约瑟夫·特纳男装:Joseph Turner
2017/10/10 全球购物
世界上最好的旅行夹克:BauBax
2018/12/23 全球购物
Java面向对象面试题
2016/12/26 面试题
秋季婚礼证婚词
2014/01/11 职场文书
人事助理自荐信
2014/02/02 职场文书
应届生自荐书
2014/06/23 职场文书
爱心捐书活动总结
2014/07/05 职场文书
高三英语复习计划
2015/01/19 职场文书
努力工作保证书
2015/02/28 职场文书