变量与常量

变量

变量的声明

在JavaScript中,声明变量的关键字为varlet (ES6规范)

当只声明变量时,声明为语句

语句没有返回值或返回值,表达式有返回值。
(一些说法把返回值为 undefinedvoid 的判定为语句,否则判定为表达式。)

使用 var 关键字声明变量

声明格式 var 变量名

例如: var a 就声明了一个变量 a

注意:var 关键字声明的变量拥有全局定义域或函数作用域(声明总是会被JavaScript引擎提前)

在ES6引入 let 前,JavaScript没有块作用域

你眼中的代码:

a = 10;
a += 10;
a--;
{
    var a;
}

JavaScript引擎眼中的代码:

var a;
a = 10;
a += 10
a--

因此推荐的做法是在函数或全局代码的前面部分使用 var 关键字声明变量

你可以用 var 关键字重复声明一个变量,例如,以下的代码是合法的

var a;
var a;
var a;

新声明的同名变量会覆盖掉原来的变量

在代码的任何位置,可以不使用var 关键字就能声明变量
此时声明的变量为文件的全局变量)

例如: a 就声明了一个全局变量 a

注意:最好不要用这个特性,不然接坑的码农可能要打死你,因为这个特性存在很大的安全隐患

例如下面的代码访问变量 a 时打错为 b,解释器就认为你又声明了一个全局变量 b

a = 0;
console.log(b);

在未使用严格模式时,控制台得到的输出为undefined

当使用了严格模式时("use strict"),这种声明方式不会取悦解释器

因此使用严格模式可以规避一些拼写错误

使用 let 关键字声明变量

声明格式 let 变量名

例如: let a 就声明了一个变量 a

注意:let 关键字声明的变量拥有块变量定义域(定义不会被JavaScript引擎提前)

因此,下面的代码时不合法的

{
    let b = 0;
}
b;

var 关键字不同,使用 let 关键字的变量不能重复定义。例如,以下的代码是不合法的

let a;
let a;

如果你可以使用ES6规范,那么请拥抱 let关键字,抛弃 var 关键字

不可以使用 letvar 关键字重复声明一个变量

例如,下面的代码是不合法的

let a;
var a;
var a;
let a;

变量的命名

变量的名字不是随意取的,想要取悦解释器就必须遵守以下的规则

I. 必须以_$英文字母开头

一定要记住 数字(0-9) 是不能出现在开头的

_ 开头的一般都是别的码农不想让你动的变量, No zuo no die

$ 开头的变量最典型的就是jquery

$(document).ready(function(){
    $("p").click(function(){
        $(this).hide();
    });
});

在最新的ECMA规范中,私有变量以 # 开头,但是这种命名方式正在被码农上书请愿改为以 _ 开头,这也是在没有私有变量之前码农们的相互约定

II.可以使用数字、英文字母、_$作为后续的命名,并严格区分大小写

因此 aA 是两个完全不相同的变量

III. 变量名不能为关键字

例如,以下的代码是不合法的

let var

但由于历史遗留问题,使用 var 关键字声明变量时 let 可以作为变量名

因此,以下的代码是合法的

var let

给变量赋值

在只声明变量且未赋值之前,所有变量的默认值为关键字 undefined

赋值格式 变量名 = 你要赋的值

赋值语句是有返回值的,因此赋值语句其实是表达式,它的返回值是 = 右侧的值

在声明变量时给变量赋值

声明格式 [let|var] 变量名 = 变量的初值

给变量赋值也叫做变量的初始化

任何在声明变量时给变量赋值的表达式都可以拆成一个语句和一个表达式

例如var a = 20 和下面的代码等价

var a;  //语句
a = 20  //表达式

因此 var a = 20 是一个表达式,它的返回值为20

推荐的变量命名规则

小写驼峰式命名法就是当变量名或函数名是由一个或多个单词连结在一起,而构成的唯一识别字时,第一个单词以小写字母开始;从第二个单词开始以后的每个单词的首字母都采用大写字母,例如:myFirstName、myLastName,这样的变量名看上去就像骆驼峰一样此起彼伏,故得名。(引用自百度百科)

ESLint规范中默认要求变量命名法就是小写驼峰式命名法(JavaScript和Java比较像的一点)

常量(ES6规范)

在ES6规范前,JavaScript是没有常量的,只能通过ES5规范中 Object.defineProperty(obj, propertyName, fun) 来修改,但是早期的浏览器是不滋磁这种黑魔法的。

具体可以参考这里

ES6规范引入了一个新的关键字 const

常量的声明

声明格式 const 常量名 = 常量值

注意,声明常量时必须给常量赋值

下面的代码是不合法的

const a;

常量不可被再赋值

既然是常量,那么它一经赋值以后其值就不可改变。因此,下面的代码是不合法的

const a = 0;
a = 1;

constlet 关键字相同,不能重复声明一个常量

下面的代码是不合法的

const a = 0;
const a = 1;

当使用 letvar 关键字声明一个变量后,不能用 const 关键字声明一个同名常量

下面的代码是不合法的

let a; //var a;
const a = 0;

当使用 const 关键字声明一个常量后,不能用 letvar 关键字声明一个同名常量

下面的代码是不合法的

const a = 0;
let a; //var a;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,864评论 6 494
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,175评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,401评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,170评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,276评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,364评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,401评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,179评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,604评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,902评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,070评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,751评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,380评论 3 319
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,077评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,312评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,924评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,957评论 2 351

推荐阅读更多精彩内容