let 、var、const区别

news/2024/7/10 1:37:29 标签: js, vue, es6, javascript

1.let,const在代码块内有效,var是在全局范围内有效
{
let test1 = 0;
var test2 = 1;
}
test1 // test1is not defined
test2 // 1

2.let 和const只能声明一次,var 可以声明多次
let test1 = 1;
let test1 = 2;
var test2 = 3;
var test2 = 4;
test1 // Identifier 'test1 ’ has already been declared
test2 // 4

3.var声明变量存在变量提升,let和const不存在变量提升
console.log(a); //ReferenceError: a is not defined
let a = “apple”;

console.log(b); //undefined
var b = “banana”;

console.log©; //ReferenceError: c is not defined
const c = “cstrawberry”;

4.const 声明一个只读变量,声明之后不允许改变。意味着,一旦声明必须初始化,否则会报错。

const PI = “3.1415926”;
PI // 3.1415926

const MY_AGE; // SyntaxError: Missing initializer in const declaration

以上均为学习总结,欢迎补充


http://www.niftyadmin.cn/n/763544.html

相关文章

解决element ui 中table表格错位问题

在element ui 中出现表格错位的问题因为增加了滚动条,而滚动条占用了表格的一部分宽度,所以导致了表格错位问题。 gutter 被隐藏,将期显示出来,错位问题就解决啦~

js vue 导出指定列的数据excel表

选中日期和一级类目两列导出选中两列的数据excel表。 导出的excel表效果 1、首先安装相应的依赖包 npm install -S file-saver npm install -S xlsx npm install -D script-loader 2、在src目录下新建vendor文件夹,加入Blob.js和Export2Excel.js两个JS文件 Blob.…

echarts 地图map上的小红点去除

去除掉echarts 地图上的小红点只需要将showLegendSymbol值改成false

vue简单纯js导出excel+合并表头

<button click"handleExportMarketingList">Export</button>注意&#xff1a;npm install --save js-base64 var base64 require(js-base64).Base64;export default {name: ,data() {return {exportData: [{name: aaaa,month1: {income: bbbb,outlay:…

报错:[Vue warn]: Error in render: “TypeError: Cannot convert undefined or null to object“ found in

关于解决&#xff1a;[Vue warn]: Error in render: “TypeError: Cannot convert undefined or null to object” found in 报错问题 object报错的解决方法&#xff1a;在data里赋初值 比如&#xff1a;seasonList: [{}]

解决CSS中display: inline-block有缝隙问题

标准宽度的div,因为有缝隙&#xff0c;所以导致元素换行 解决方法&#xff1a;在父元素设置font-size: 0&#xff0c; 在子元素上重置正确的font-size&#xff0c;缝隙问题就解决了

vue组件的创建和引用

创建&#xff1a; src/component >创建组件 注意&#xff1a;组件首字母大写 引用&#xff1a; 1、import xxx from ‘xxx’ 2、 components:{ xxx } 3、在template 中使用:xxx <template><div><header>头部</header><Swiper></Swiper…

vue组件之间的传值

1、父组件 传 子组件 父组件&#xff1a;<子组件 :变量数据></子组件> 子组件&#xff1a;props:[‘变量’] ** 2、子组件 传 父组件 ** 子组件&#xff1a; this.$emit(“自定义事件名称”,“值”) 父组件&#xff1a; 3、兄弟组件之间的传值 testA.vue…