变量声明方式：let与var的区别

let 定义了之后，会检测重复，生命周期适用于当前和子级函数；
var 定义了之后，不会检测重复，生命周期仅仅适用于当前逻辑模块；

let

handleScroll: function(){let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop // 滚动条偏移量if (scrollTop>0&& scrollTop<=50) {//当window的scrolltop距离大于1时，go to top按钮淡出，反之淡入console.log(scrollTop);var scrollTop=scrollTop*3/500<0.1?'0':scrollTop*3/500;$(".van-nav-bar.bg-none").css({"background":"red!important"});} else {console.log('0');}}

var

handleScroll: function(){var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop // 滚动条偏移量if (scrollTop>0&& scrollTop<=50) {//当window的scrolltop距离大于1时，go to top按钮淡出，反之淡入console.log(scrollTop);var scrollTop=scrollTop*3/500<0.1?'0':scrollTop*3/500;$(".van-nav-bar.bg-none").css({"background":"red!important"});} else {console.log('0');}}

实际上述两种代码中，都重复对参数scrollTop进行了定义。但是let的定义导致报错，并直接导致项目不可执行。
这就是最明显的区别了。

【未完待续】

变量声明方式：let与var的区别相关推荐

Objective-C成员变量声明方式探究
一.@interface和 @property 方式声明变量的区别 1.你可以单独在@interface中定义变量,而不用@property定义:也可以只用@property去定义,而不在@inter ...
必须声明标量变量 @sum_level。_ES6系列—新的变量声明方式
在ES5中,变量声明只有var和function以及隐式声明三种,在ES6中则增加了let.const.import和class四种. 1. let 1.1 块级作用域 let声明的变量的作用域是块级 ...
SCL语言的数据类型和常量与变量声明方式
SCL语言的数据类型主要包含以下几类: 1. 基本数据类型: - BOOL:布尔类型,取值为TRUE或FALSE. - INT:整数类型,取值范围为-32768~32767(16位PLC)或-2147 ...
JavaScript 变量声明详解： var, let, const
JavaScript 中,可以声明变量的关键字有 var.let和const. var 使用 var 定义变量,可以保存任何类型的值.若不初始化变量,变量会保存 undefined. 1. 函数级作用 ...
关于ECMAScript6 的学习01-ES6 的六种变量声明方式===关于常量const
const 变量声明常量在声明const 时,必须初始化否则会出错 const 变量与let 变量类似作用域同样在{} 的范围内. 也不可以在同一作用域内声明两个同名 const 变量 ...
【C++】38.类成员变量声明为对象与指针的区别
在我们平时写代码或阅读代码时,经常会看到,某个类A中需要使用另一个类B的方法.那么下面会看到两种用法: 一种是直接定义一个B类对象. 一种是在类A中定义一个B类指针: 如: // 头文件 std::s ...
在Javascript中声明时用var与不用var的区别，== 和 ===的区别
今天,被问到两个JS问题,当时没回答到重点,问题虽然看起来简单,但是细节却马虎不得,在此做下记录: 1. 在Javascript中声明时用"var"与不用"var&qu ...
TypeScript学习(2)-变量声明 var let const
let.const是js中新的变量声明方式,es5,es6新版本的js语言规范出来的定义,弥补了var的缺陷.const是对let的一个增强,不允许对一个变量再次赋值,一般用于常量. 使用var声明的 ...
javascript变量声明及作用域
javascript变量声明提升(hoisting) http://openwares.net/js/javascript_declaration_hoisting.html 可能要FQ一下 java ...

变量声明方式：let与var的区别

let

var

变量声明方式：let与var的区别相关推荐

最新文章

热门文章