来源：菜鸟教程：https://www.runoob.com/js/js-let-const.html

JavaScript let 和 const

ECMAScript 2015(ECMAScript 6)

ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。

let 声明的变量只在 let 命令所在的代码块内有效。

const 声明一个只读的常量，一旦声明，常量的值就不能改变。

在 ES6 之前，JavaScript 只有两种作用域： 全局变量 与 函数内的局部变量。

　　

工具函数：

https://mp.weixin.qq.com/s/ua7ztaI7bnwyegmPrr8fSQ

一，数组

1，其他类型转数组

function chageDataList() {

                const castArray = val => (Array.isArray(val) ? val : [val]);

                var a = castArray('foo');

                alert(a);

                var b = castArray([1]);

                alert('b' + b);

                var c = castArray(1)

                alert('c' + c);

}

chageDataList();

测试文件：

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8" />

		<title>点击充值</title>

		<link rel="stylesheet" href="layui/css/layui.css" />

	</head>

	<body>

		<div id="container">

		</div>

		<script type="text/javascript" src="jquery/jquery-3.1.1.min.js"></script>

		<script type="text/javascript" src="jquery/jquery.nicescroll.min.js"></script>

		<script type="text/javascript" src="layui/layui.js"></script>

		<script>

			function testg() {

				const all = (arr, fn = Boolean ) => arr.every(fn);

				alert(all([4, 2, 3], x => x > 1));

				alert(all([1, 2, 3]));

			}

			//testg();

			//其他类型转数组

			function chageDataList() {

				const castArray = val => (Array.isArray(val) ? val : [val]);

				var a = castArray('foo');

				alert(a);

				var b = castArray([1]);

				alert('b' + b);

				var c = castArray(1)

				alert('c' + c);

			}

			//chageDataList();

			//返回指定长度的升序数组

			function getSpecifiedLengthListToAsc() {

				const minN = (arr, n = 1) => [...arr].sort((a, b) => a -b).slice(0, n);

				var a = minN([1, 2, 3]);

				alert('升序后的a数组' + a);

				var b = minN([1, 2, 3], 2);

				alert('升序后的b数组' + b);

			}

			getSpecifiedLengthListToAsc();

		</script>

	</body>

</html>

　　

　　

JavaScript Let 和 Const的更多相关文章

  1. JavaScript var, let, const difference All In One

    JavaScript var, let, const difference All In One js var, let, const 区别 All In One 是否存在 hoisting var ...

  2. 【前端面试】（四）JavaScript var let const的区别

    视频链接: JavaScript var let const的区别 - Web前端工程师面试题讲解 参考链接: JavaScript 变量 JavaScript Let JavaScript Cons ...

  3. JavaScript—var lef const区别

    今天刚刚学JavaScript 因为以前学过.学起来也就轻松.今天在练习.流程控制语句的时候,用WebStrom 写的时候 var 声明变量的时候 下面老是有一条白线.开始以为是开发环境有问题 然后, ...

  4. JavaScript系列文章：从let和const谈起

    注册博客园账号也有好些年了,有事没事经常来逛逛,感觉博客园的同学们一直都很活跃,相比国内其他社区来讲,这里的技术氛围很浓,非常适合学习和交流,所以博主我也决定在这里驻扎了,在这里,博主希望能坚持写一些 ...

  5. JavaScript ES6 let、const

    在ES6中,增加了2个声明变量的关键字:let 和 const.在这里将详细介绍let与var的区别.Babel对let的处理以及const的简单使用. 1. let 在ES6规范中增加了 let 关 ...

  6. JavaScript：谈谈let和const

    最近接触到ES6的一些相关新特性,想借let和const两个命令谈谈JavaScript在变量方面的改进. 由于let和const有很多相似之处,我们就先说一说let吧. 1. let添加了块级作用域 ...

  7. JavaScript系列文章：谈谈let和const

    JavaScript系列文章:谈谈let和const   最近接触到ES6的一些相关新特性,想借let和const两个命令谈谈JavaScript在变量方面的改进. 由于let和const有很多相似之 ...

  8. Duilib嵌入CEF以及JavaScript与C++交互

    转载:http://blog.csdn.net/foruok/article/details/50573612 转载:http://blog.csdn.net/foruok/article/detai ...

  9. es6 const

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

随机推荐

  1. reactjs 项目使用 iconfont 小图标以及使用带颜色 inconfont 小图标

    在 reactjs 项目中是所有小图标目前主要分为两类使用方式,第一类通过 CSS 引入的方式使用,第二类使用 JS 的方式引入使用. 注册-登录-建立项目-选中图标添加到购物车-添加至项目-下载到本 ...

  2. Vue_(基础)商品管理-demo

    实现对商品的增加.删除.数量的修改功能 删除商品可选择直接删除当前商品.删除选中商品.删除所有商品 添加商品时会自动添加日期字段 商品的属性 goods : { id : '', name : '', ...

  3. 微信小程序获得unionid

    一.微信小程序中app.js中: wx.login({ success: res => { if(res.code){ var code = res.code; wx.getSetting({ ...

  4. vue中getters不更新数据解决办法

    在 Vue.js devtools 中看到,我们明明更改了仓库 state 中的数据,但是我们的 getters 就是值渲染一次之后就不再重新渲染了 解决方法:使用 Vue.set() 方法,就是专门 ...

  5. logstash的index值可以为中文

    logstash中的 output中 有index属性,表示在elk中的主键标识. 在实际应用中,index的值不能为大写字母,可以是小写字母.数字.下划线.中文. 这里重点强调index为中文时,注 ...

  6. 查重复出现的字段 SQL

    select * from a where (select count(b.abc) from b where b.abc=a.abc)>1 一般treeview datagridview 都要 ...

  7. echarts修改X,Y轴上的颜色

     分为2.0和3.0 一.2.0 修改的代码: x轴: xAxis : [ { type : 'category', data : ['<30','30-','40-','50-','60-', ...

  8. 淘宝TAE平台定时任务包的部署步骤

    淘宝TAE平台定时任务包的部署: 第一步:首先把自己的任务打包成一个jar包.使用maven打包的命令为:mvn clean install 第二步:把任务jar包依赖的jar包全部导出来.使用mav ...

  9. dom4j工具对XML写入修改删除操作实现

    import org.dom4j.Document; import org.dom4j.DocumentException; import org.dom4j.io.SAXReader; import ...

  10. 自定义可拖动的Toast

    package com.loaderman.toastdemo; import android.content.Context; import android.graphics.PixelFormat ...