js中定义变量的三种方式的区别（const,var,let）

最新推荐文章于 2023-11-27 12:06:16 发布
最新推荐文章于 2023-11-27 12:06:16 发布
阅读量745 收藏
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/atangxue/article/details/108660613
版权

在js中定义变量有三种方式

1.const

const定义的变量在js中意味着这个变量唯一（即不可以重复定义）且不可修改并且在定义变量时就需要去初始化，如果你在js中重复同一个const变量，及如下所示

 const test="sa";
		const test="1";

则会在运行时报错

Uncaught SyntaxError: Identifier 'test' has already been declared

如果你在定义了个const变量后去修改

const test="sa";
		test="1";

则会出现另一个错误

index.1.html:17 Uncaught TypeError: Assignment to constant variable.

2.var

如果你在js中定义一个var变量，那么在js中可以重复定义但是会出现值覆盖的情形，

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.1.6/vue-router.js"></script>
	</head>
	<body>
		<div id="sa">
			<label>{{name}}</label>
		</div>
	</body>
	<script>


		var a="my";
		var b="you"
		var v = new Vue({
			data: {
				name:a
			},
			methods: {
				after:function(){
					this.$router.go(-1)
				},
				goto:function(){
					this.$router.go(1)
				},
			},
		}).$mount("#sa")
	</script>
</html>

运行结果

在这里插入图片描述
并且你在定义的时候可以不用初始化值，还可以对该变量的值进行修改

3let

.let是块级作用域，函数内部使用let定义后，对函数外部无影响。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.1.6/vue-router.js"></script>
	</head>
	<body>
		<div id="sa">
			<label v-on:click="before">{{name}}</label>
		</div>
	</body>
	<script>

		var v = new Vue({
			data: {
				name:"hello"
			},
			methods: {
				after:function(){
					let a=3;
					
				},
				before:function(){
					console.log(this.a)
				}
			},
			
		}).$mount("#sa")
	</script>
</html>

运行结果
在这里插入图片描述

为了心中所想
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS变量中有var定义和无var定义的区别以及es6中let命令和const命令
01-19
之前我们在写js代码的时候都知道可以用var定义全局变量和局部变量,也可以省略var,而且在非严格模式下不会报错,但是并不知道两者的区别… var x = 1; y = 4; console.log(x);//1 console.log(y);//4 console.log...
JavaScript中const、var和let区别浅析
10-21
在JavaScript中有三种声明变量的方式：var、let、const。但是有朋友不清楚这三种声明变量的区别，下面脚本之家小编给大家详细介绍下js中const、var和let的区别，感兴趣的朋友一起看看吧
三种方式（var let const）定义变量区别
qq_44475148的博客
11-16 295
三种变量定义的区别 var 变量定义 特点 ：①存在变量提升 （即预解析）②是函数作用域 代码解释： //存在预解析 console.log(a);//undefined var a = 1; //函数作用域 function fun() { var a = 10; if (true) { var a = 20; }; console.log(a);//20 }; fun()
定义变量的四种方式
weixin_45343973的博客
09-20 4149
一、概括 var(variable)、let(设置/允许)、const(constant常数/常量)、隐士全局变量 二、对比 var方式： ①可以声明时赋值，也可以先声明后赋值 ②有声明提升过程 ③可以重复改动/声明赋值 let方式： ①可以声明时赋值，也可以先声明后赋值 ②没有声明提升过程 ③不可以重复改动/声明赋值 const方式： ①可以声明时赋值，不可以先声明后赋值 ②没有声明...
js定义变量的方式及其区别
qq_38649702的博客
06-14 261
js中三种定义变量的方式const， var， let的区别
js 三种声明变量的区别
houzhyan-博客
08-25 642
三种声明变量的方式：var、let、const。 var：声明全局变量，换句话理解就是，声明在for循环中的变量，跳出for循环同样可以使用。 for(var i=0;i&lt;=1000;i++) { var sum=0; sum+=i; } alert(sum); 声明在for循环内部的sum，跳出for循环一样可以使用，不会报错正常弹出结果 。 let：声明块级变...
js中const,var,let区别
景山编程-顺道编程
03-05 502
const 相当于常量，定义必须初始化如：const age=12; var 是最古老的，相当于全局变量，任何位置定义，到处都有影响，var name=‘张三’; let 也是个新事物，相当于局部变量，function getName(){ let name = ‘李四’ } 就仅仅在函数内部起作用 ...
js中let和var定义变量的区别
11-27
在JavaScript编程语言中，`let` 和 `var` 都是用来声明变量的关键字，但它们在作用域、提升（Hoisting）以及重复声明等方面存在显著差异。这些差异在JavaScript的严格模式（'use strict'）下更为明显。 首先，`var`...
JavaScript变量声明var,let.const及区别浅析
01-21
var声明变量的作用域限制在其声明位置的上下文中 var x = 0; // x是全局变量，并且赋值为0。 console.log(typeof z); // undefined，因为z还不存在。 function a() { // 当a被调用时， var y = 2; // y被声明成...
前端知识---js 中三种声明变量 let ,const ,var之间的区别
qq_41648647的博客
05-09 375
在js 中有三种声明变量的方式分别为 var,const ，let 虽然他们都可以用于声明变量，但是他们之前却有着本质的不同 1. var相对于let与const var 声明的是全局变量，全局变量就意味着，会挂载到window对象上面去，而let和const声明的变量去不会出现这样的情况。 var a=33; console.log(a,window.a); let b=22; console.log(b,window.b) const c=11; console.log(
var、let 定义变量区别
07-20 60
var a = 5; var b = 10; if (a === 5) { let a = 4; // if 块级作用域 var b = 1; // 函数级作用域，这里是if块，非函数 console.log(a); // 4 console.log(b); // 1 } console.log(a); // 5 console.log(b); // 1 var声明的变量是函数级的或者是全局的，而let用于声明块级作用域。 在函数或程序顶层使用时，let与var没有什么区别
js中声明的const变量
HDdgut的博客
08-15 1610
1.const声明一个只读的常量。一旦声明，常量的值就不能改变。 const一旦声明变量，就必须立即初始化，不能留到以后赋值 类似于const PI = 3.1415; const的作用域与let命令相同：只在声明所在的块级作用域内有效。 const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。 本质上： const实际上保证的，并不是变量的值不得改动，而是变...
JS中 变量的声明(var const let )
ZHXT__的博客
07-30 1998
JS 各个声明的差异; var: 会是变量的提前, 而且可以多次赋值会自动覆盖 并 存在预解析的作用;(关于预解析详见我另一篇博客) https://mp.csdn.net/postedit/97695626 var a=10; const 1，不支持变量提升，即不支持变量声明预解析，只能先声明后使用； 2，支持块级作用域(即 { } 代码块中) 3，不允许重复声明 4，与...
js中let和var定义变量，以及不定义直接使用变量的区别
harborian的博客
10-12 2434
js中let和var定义变量的区别 详细信息参见一砂世界的文章：http://blog.csdn.net/nfer_zhuang/article/details/48781671 详细信息参见annier_11的文章：https://blog.csdn.net/annier_11/article/details/82620276 1 声明后未赋值，表现相同 (function() { ...
【JavaScript】定义函数的三种方式
往前爬的蜗牛
04-07 878
在js中，我们一般定义函数有三种方式： 函数声明 函数表达式 构造函数Function 函数声明 常规的方式 将函数挂载到全局的Window上 fn();//函数声明可以先调用，在声明 function fn(参数..){ console.log("这是函数声明") return 返回值 } 函数表达式 将函数当成一个值来处理 const fn = function() { console.log("这是函数表达式"); } fn();//函数表达式必须先声明，再调用 构造函数F
js定义变量的方式
孤独的冥王星
12-20 1284
var：最常用的定义变量的方式，变量可以修改，如果不初始化会输出undefined，不会报错 var a = 1; a = 2;// a=2 console.log(&quot;a = &quot; + a); var b; console.log(&quot;b = &quot; + b);// b=undefined function change(){ a = 3; console.log(&quot;方法内a = &q
【JavaScript】在JavaScript中定义变量的三种方式
最新发布
tutu6663的博客
11-27 1109
var h=23;//定义全局变量//输出在控制台//调用函数
JavaScript 中const的使用
热门推荐
weixin_42754922的博客
12-31 1万+
ES2015 引入了两个重要的 JavaScript 新关键词：let 和 const。通过 const 定义的变量与 let 变量使用方法类似。let的使用点击下面链接：JavaScript 中let的使用_安之若素づ的博客-CSDN博客JavaScript 中Let的使用https://blog.csdn.net/weixin_42754922/article/details/122259217 JavaScriptconst变量必须在声明时赋值，但不能重新赋值。 const ...
let、const、var定义变量的区别是什么
05-26
在JavaScript中，我们可以使用 `let`、`const`、`var` 三个关键字来声明变量，它们之间的差异主要体现在作用域、重复声明、赋值和变量类型等方面。 1. 作用域：`var` 的作用域是函数作用域或全局作用域，而 `let` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值