首页 > 作文

JavaScript中的变量声明你知道吗

更新时间:2023-04-04 19:35:45 阅读: 评论:0

目录
变量(一)var1)关于var声明的变量的作用域2)var声明提升(hoist)(二)let1)与var不同,let声明的变量不会再作用域中被提升,这一现象被称为“暂时性死区”2)全局声明(三)const总结

变量

ecmascript中,变量可以保存任何类型的数据(既可以是字符串也可以是数组也可以是别的……),也即“松散的”,变量只是一个用来区分的占位符,一共有var、const、let三个关键字用于声明变量(var在ecmascrip所有版本可用,后两个只在es6及以后可用)。

(一)var

var a;//仅定义var b=‘hi';//定义的同时,设置值

要注意的是,值的设置可以覆盖,但我们不推荐这么做

var a=”hello”a=”hi”

ecmascript的变量是“松散”的,那么可以用一条语句来对不同的数据类型初始化的声明,当然插入、换行不是必要的,只是一定要用逗号隔开不同的变量。

var a=“hello”,    b=12,    c=fal;

1)关于var声明的变量的作用域

function test(){    var a="shanxi";}test();//调用函数console.log(a);//referenceerror: a is not defined//报错:a未定义

变量在使用var定义时,若是在函数内部,则该变量在函数退出时将会被销毁,无法再调用。这里的a在函数test内部使用var完成定义,调用函数test之后,随即a便被销毁,因而出现如上报错。

当省略关键词var时,这样定义的变量将成为全局变量(不过不建议这么做,太多的全局变量会让程序变得难以维护)

function test(){    a="sichuan";}test();//调用函数console.log(a);//sichuan

2)var声明提升(hoist)

如下,结果是undefined而并没有报错,是因为,使用var关键字声明的变量,会自动提升到函数作用域的顶部。也就是,会被ecmascript看作

function test(){   console.log(a)   var a=12;}test()//undefined

也就是,会被ecmascript看作

function test(){   var a;    console.log(a)   a=12;}test()//undefined

这种“提升”,会把所有变量的声明都提到函数作用域的顶部。

(二)let

let和var作用相似,只是let声明的范围是块作用域,var声明的范围是函数作用域

例如如下的if语句中的{}就是一个“块”,而不是一个函数作用域。

if(true){    var b="zhang"    console.log(b);//zhang}console.log(b);//zhang

换成let:

if(true){    let b="zhang"    console.log(b);//zhang}console.log(b);//referenceerror: b is not defined

此时b在if外边(定义b的块作用域外)便不能被引用。

!!!注意:块作用域是函数作用域的子域(是前者不一定是后者是后者不一定是前者)。

!!!注意:适用于var的作用域限制,对let是等同的(只是一个作用域是函数作用域一个是块作用域)我十二岁。

关于重复声明,var不报错而let会报错,看如下实例:

var a=24;var a=12;var a=5;console.log(a);//5let b=2;let b=4;//syntaxerror: identifier 'b' has already been declared//运行到此处就已经报错let b=8;console.log(b);var a=24;var a=12;var a=5;console.log行政管理学试题及答案(a);//5let b=2;let b=4;//syntaxerror: identifier 'b' has already been declared//运行到此处就已经报错let b=8;console.log(b);

关于嵌套使用,javascript会记录用于变量声明的标识符以及其所在块的作用域,所以在嵌套使用时,不会报错(因为在同一块作用域中没有重复声明)。

var a="shanxi"console.log(a);//shanxiif(true){    var a="sichaun";    console.log(a);//sichuan}let b=3;console.log(b);//3if(true){    let b=5;    console.log(b);//5}

所以,let和var区别只在于,二者决定所声明的变量的相关作用域存在。

var a;let a;//syntaxerror: identifier论文要素 'a' has already been declaredlet c;var c;//syntaxerror: identifier 'c' has already been declared

1)与var不同,let声明的变量不会再作用域中被提升,这一现象被称为“暂时性死区”

console.log(a);var a=2;//undefinedconsole.log(b);let b=3;//referenceerror: cannot access 'b' before initialization

2)全局声明

var在全局作用域中声明出的变量自动会成为window对象的属性,但let不会

var a=3;console.log(window.a)//alet b=10;console.log(win高考分数线与报考指南dow.b);//undefined

不过let声明出的变量,依旧是全局作用域发生的(不然也不会是“undeifned”),变量也会在页面的生命周期内存续,所以必须保证页面不会重复声明同一个变量

(三)const

基本上和let相同,只是使用const时,必须同时初始化变量,且尝试修改const声明的变量时会报错

const n="zhang";n="li";//typeerror: assignment to constant variable.const a=12;const  a=9;//不可以重复声明//syntaxerror: identifier 'a' has already been declared

当然,const有关声明的限制,只适用于它指向的变量本身的引用,也就是说,若为一个对象,那么修改这一对象内部属性,不会违反const有关的限制。

const hou={};

hou.name=”myhou”;

那么,在let和const出现之后,许多开发者不再很多地使用var了,多使用let和const,使得变量有了明确的作用域、声明位置以及不变的值。

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注www.887551.co关于战争的电影m的更多内容!

本文发布于:2023-04-04 19:35:43,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/24691c970d4744d5dc310ad34902af4e.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:JavaScript中的变量声明你知道吗.doc

本文 PDF 下载地址:JavaScript中的变量声明你知道吗.pdf

标签:变量   声明   作用   报错
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图