Vue 基础第三篇

最新推荐文章于 2024-07-25 09:51:39 发布

_语义错误

最新推荐文章于 2024-07-25 09:51:39 发布

阅读量184

点赞数

分类专栏： VUE 文章标签： vue.js 前端 javascript 开发语言

本文链接：https://blog.csdn.net/m0_66451927/article/details/125723269

版权

本文深入探讨了ES6中的let和var的区别，强调了let的块级作用域特性，并通过示例展示了没有块级作用域在ES5中的问题。此外，还详细介绍了const关键字的使用和注意事项，以及如何使用const保证数据安全性。最后，文章提到了对象字面量的增强写法，包括属性和函数的增强方式。

摘要由CSDN通过智能技术生成

一、ES6补充

1、let 和 var 区别：

1.变量作用域: 变量在什么范围内是可用

2.没有块级作用域引起的问题: if的块级

3.没有块级作用域引起的问题: for的块级

2、const 的使用和注意点

3、对象字面量的增强写法

一、ES6补充

1、let 和 var 区别：

ES5中的var是没有块级作用域的(if/for)，ES6中的let是有块级作用的(if/for)
ES5之前因为if和for都没有块级作用域的概念, 所以在很多时候, 我们都必须借助于function的作用域来解决应用外面变量的问题.
ES6中,加入了let, let它是有if和for的块级作用域.

情况一：ES5中没有使用闭包

1.变量作用域: 变量在什么范围内是可用

用var定义的变量，在函数里面和外面都可以调用变量

<script>
	// 1.变量作用域: 变量在什么范围内是可用.
	{
	  var name = 'why';
	  console.log(name);
	}
	console.log(name);
</script>

运行结果：

2.没有块级作用域引起的问题: if的块级

<script>
	var func;
	if (true) {
	  var name = 'why';
	  func = function () {
	    console.log(name);
	  }
	  func()
	}
	// 目的是调用函数，输出函数内部定义的 name 但是现在在函数外面也可以修改函数里的变量
	name = 'kobe'
	func()
	// console.log(name);
</script>

运行结果：