返回顶部
首页 > 资讯 > 前端开发 > html >var是不是es6新增的特性
  • 293
分享到

var是不是es6新增的特性

2024-04-02 19:04:59 293人浏览 八月长安
摘要

本篇内容主要讲解“var是不是es6新增的特性”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“var是不是es6新增的特性”吧! va

本篇内容主要讲解“var是不是es6新增的特性”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“var是不是es6新增的特性”吧!

var不是es6新增的特性;使用var关键字可以声明一个变量,声明的变量既是全局变量也是顶层变量,可以为其初始化赋值也可以不赋值,初始化赋值其可以是任意类型,不赋值是其为默认值。

教程操作环境:windows10系统、ECMAScript 6.0版本、Dell G3电脑。

var不是es6新增特性

使用var关键字可以声明一个变量,可以为其初始化赋值也可以不赋值,初始化赋值其可以是任意类型,不赋值是其为默认值undefined,var声明的一般为全局作用域,并添加为window的属性(函数里边声明的除外其为函数作用域)。

var

  • 用var声明的变量既是全局变量也是顶层变量(在浏览器环境顶层对象指的是window对象,在node指的是global对象)

  • 使用var生命的变量存在变量提升的情况

  • 使用var能够对一个变量进行多次声明,后声明的变量会覆盖前面的变量声明

  • 在函数中使用var声明变量的时候,该变量是局部的;如果在函数内不使用var,改变量是全局的

与之相比的是let,let是es6新增的特性

let

  • 是es6新增的命令,用于声明变量

  • 用法类似于var,但是所声明的变量只在let命令所在的代码块内有效,不存在变量提升;只要块级作用域内存在let命令,这个区域就不再受外部影响

  • 使用let声明变量前,该变量都不可用,也就是大家常说的暂时性死区(let不允许在相同作用域中重复声明,因此我们不能在函数内部重新声明参数)

var 声明变量

<script>

var userName="marshal";//var userName;userName="marshal";
console.log(userName);
</script>

开发工具查看如下图:

var是不是es6新增的特性

var 作用域说明

作用域:在运行时,代码区域中变量、对象、函数及其他资源访问的可见性。javascript分为两种类型,全局和局部。与Script 标签同级,可理解为全局,在浏览器中这些称为windows对象,所以使用var 定义的全局变量、函数都是window对象的属性和方法。局部是定义在{}花括号内,如函数内部,定义在局部作用域,一般来说函数外部是不能访问的,但可以通过闭包方式去解决(后续再讲)。

<script>

function localVariable(){
var userName="marshal";
console.log("函数内部访问"+userName);//输出函数内部访问marshal
}
localVariable();
console.log("函数外部访问"+userName);  //报错:UncaughtReferenceError: userName is not defined
</script>

函数localVariable()调用后,内函数内部使用var 声明的变量、对象随之销毁,所以报错:UncaughtReferenceError: userName is not defined

如果在函数内部将var 省略,则为全局变量,示例代码如下:

<script>

function localVariable(){
userName="marshal";
console.log("函数内部访问"+userName);
}
localVariable();//函数调用后,userName变为全局变量,可使用window对象访问。
console.log("函数外部访问"+window.userName);
</script>

var是不是es6新增的特性

到此,相信大家对“var是不是es6新增的特性”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

--结束END--

本文标题: var是不是es6新增的特性

本文链接: https://lsjlt.com/news/98622.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • var是不是es6新增的特性
    本篇内容主要讲解“var是不是es6新增的特性”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“var是不是es6新增的特性”吧! va...
    99+
    2024-04-02
  • Set是不是ES6的新特性
    本篇内容介绍了“Set是不是ES6的新特性”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • es6的新特性是什么
    这篇文章将为大家详细讲解有关es6的新特性是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。es6新特性:const与let变量、模板字面量、解构、增强的对象字面量、for...of循环、展开运算符(....
    99+
    2023-06-06
  • class是es6的新特性吗
    这篇文章主要讲解了“class是es6的新特性吗”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“class是es6的新特性吗”吧!class是es6新特性。在ES6中,class(类)作为对象...
    99+
    2023-07-04
  • es6新特性是什么
    小编给大家分享一下es6新特性是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!es6新特性:1、ES6 引入了class,让JavaScript的面向对象编程...
    99+
    2023-06-06
  • es6的新增特性有哪些
    这篇文章主要介绍“es6的新增特性有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“es6的新增特性有哪些”文章能帮助大家解决问题。 ...
    99+
    2024-04-02
  • es6对象增加新的属性是什么
    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。JavaScript 中对象是非常重要的数据结构,ES6 对对象进行了极大的扩展,使用上也更加简洁。其中es6对象增加新的属性是“name”。对象方法的 ...
    99+
    2022-11-22
    ES6 javascript
  • canvas是不是css3新特性
    这篇文章主要为大家展示了“canvas是不是css3新特性”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“canvas是不是css3新特性”这篇文章吧。 ...
    99+
    2024-04-02
  • 浮动是不是css3的新特性
    今天小编给大家分享一下浮动是不是css3的新特性的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下...
    99+
    2024-04-02
  • 粘性定位是不是css3新增的
    今天小编给大家分享一下粘性定位是不是css3新增的的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一...
    99+
    2024-04-02
  • box-shadow是不是css3新增的属性
    这篇文章给大家分享的是有关box-shadow是不是css3新增的属性的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 “box-shadow”是css...
    99+
    2024-04-02
  • JavaScript ES6的新特性
    今天就跟大家聊聊有关JavaScript ES6的新特性,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一...
    99+
    2023-05-31
    ecmascript javascript es6
  • ES6新增的特性有哪些及怎么用
    这篇文章主要讲解了“ES6新增的特性有哪些及怎么用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“ES6新增的特性有哪些及怎么用”吧!理解ES6ECMAScr...
    99+
    2024-04-02
  • es6中不用var而是用let的原因是什么
    本文小编为大家详细介绍“es6中不用var而是用let的原因是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“es6中不用var而是用let的原因是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深...
    99+
    2024-04-02
  • es6新加的特性是什么及怎么用
    这篇文章主要介绍“es6新加的特性是什么及怎么用”,在日常操作中,相信很多人在es6新加的特性是什么及怎么用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”es6新加的特性是什...
    99+
    2024-04-02
  • Ubuntu 11.10 Alpha 3新增特性是什么
    这篇文章主要介绍了Ubuntu 11.10 Alpha 3新增特性是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Ubuntu  Linux是一份完整的桌面Li...
    99+
    2023-06-16
  • caption是不是html5新增的
    本篇内容主要讲解“caption是不是html5新增的”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“caption是不是html5新增的”吧! ...
    99+
    2024-04-02
  • es6的新特性有哪些
    es6的新特性有:1、块级作用域,可以在块级作用域中声明变量;2、箭头函数,一种新的函数声明方式;3、解构赋值,一种从数组或对象中提取值并赋值给变量的语;4、默认参数,允许在函数定义时为参数提供默认值;5、扩展运算符,可以将数组或对象展开,...
    99+
    2023-08-04
  • 新增的es6数据结构是什么
    本文小编为大家详细介绍“新增的es6数据结构是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“新增的es6数据结构是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 ...
    99+
    2024-04-02
  • es6新增的遍历方法是什么
    这篇文章主要介绍es6新增的遍历方法是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 新增的遍历方法有:1、findIndex(),可遍历数组,查找匹...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作