const的可变性

const用于声明常量。

什么是常量,声明后的值不可更改。

对于值类型,比如string,number等等。const声明确实有效。

const str = "string";
str = 1; // Uncaught TypeError: Assignment to constant variable.

对于引用类型,比如array,object。const声明只保证了引用不可更改,但保证不了其内容。

const arr = [];
arr.push(1); // 不报错
arr; // [1]
const obj = {};
obj.test = 1; // 不报错
obj; // Object {test: 1} arr = 1; // Uncaught TypeError: Assignment to constant variable.
obj = 1; // Uncaught TypeError: Assignment to constant variable.

为了保证array和object的内容也不可更改。我可以使用Object.freeze方法。

const arr = [1];
Object.freeze(arr);
arr.push(1); // Uncaught TypeError: Can't add property 1, object is not extensible
arr[0] = 9; // arr[0]的值仍是1,但这条语句不会报错。
arr[0]; // 1 const obj = {};
Object.freeze(obj);
obj.a = 3; // obj的值仍是{},但这条语句不会报错。
obj; // {}

应该报错的地方,不去报错,有隐患。

隐患在于排查bug困难。

并且,Object.freeze只能锁定对象的一级值属性。

const obj = {a: {}};
Object.freeze(obj);
obj.a.b = 1;
obj; // {a: {b: 1}}

这样看来原生,并没有提供一个好的const解决方案。

直的不行,我们弯的来。

参考Facebook的immutable-js

以及这篇文章也可一看。

没有return语句的函数

JS里面的函数允许没有return语句,它会默认返回undefined。

var a = 1;
var fn = function(){};
a = fn();
a; // undefined

如果你的return是写在分支中,没有被执行到,便会有隐患。

箭头函数可读性不高

ES6还允许使用箭头函数。情况更加糟糕。

const isEven = n => n % 2 == 0;
// 等同于
const isEven = function(n){
return (n % 2) == 0;
};

箭头函数写起来更加简洁,阅读起来则更加费脑。

es6还欠完善的地方的更多相关文章

  1. 造轮子,模仿WPF的UI框架,还没完善。。。

    Wtf(暂时命名,随便起的 = _=),模仿WPF的框架,还没有完善,只有简单的基础元素,支持数据绑定.虽然支持mono但是mono有bug 写这个只是兴趣爱好,感觉也没多大意义了,如果这个UI框架完 ...

  2. 我的第一个jQuery插件开发(日期选择器,datePicker),功能还不完善,但用于学习参考已经足够了。

    一.学习jQuery插件开发网上的帖子很多,插件开发的方式也有好几种,现在推荐一个帖子讲述的特别好,我也是这篇文张的基础上学习的. 参考:http://www.cnblogs.com/ajianbey ...

  3. Python之关于量化投资实现代码--根据策略提出的代码--还未完善

    # 根据缺口的模式选股买股票 ''' -------------------------------------------- 1.总体回测前要做的事情 initialize(context) 1.1 ...

  4. mysql导入备份.sql文件时报错总结(还有待完善)

    错误1:ERROR Unknown character set: 'utf8mb4' utf8mb4编码集支持了表情符号,相信处理过社交网络数据的人都有了解.这个mysql5.5以后支持了utf8mb ...

  5. hashmap简单实现

    p.p1 { margin: 0; font: 11px Monaco } p.p2 { margin: 0; font: 11px Monaco; min-height: 15px } p.p3 { ...

  6. arcgis api for flex之专题图制作(饼状图,柱状图等)

    最近公司给我一个任务,就是利用arcgis api for flex实现在地图上点(业务数据)直接显示饼状图以及柱状图的专题图制作,而不是通过点击点显示气泡窗口的形式来实现,这个公司已经实现了. 经过 ...

  7. 关于Java导出100万行数据到Excel的优化方案

    1>场景 项目中需要从数据库中导出100万行数据,以excel形式下载并且只要一张sheet(打开这么大文件有多慢另说,呵呵). ps:xlsx最大容纳1048576行 ,csv最大容纳1048 ...

  8. android.graphics包中的一些类的使用

    游戏编程相关参考 Matrix学习系列: http://www.moandroid.com/?p=1781 Android画图学习总结系列: http://www.moandroid.com/?p=7 ...

  9. C#判断画的图形是不是三角形

    这个源代码写的不是十全十美,只是提供一个 还待完善的地方例如判断是否这个图形是封闭的.得空在解决吧 这只是一个算法上 谁有c#的参考手册网盘分享一份 谢谢 下面请看源码 凑够150个字了,不废话了. ...

随机推荐

  1. mac brew 安装php扩展报错:parent directory is world writable but not sticky

    $ brew install php70-mcrypt 报错: Error: parent directory is world writable but not sticky 搜索到github的答 ...

  2. NET基础(3):is 和 as 操作符

    在C#语言中进行类型转换的另外一种方式是使用is和as操作符.is检查对象是否兼容于指定类型,返回Boolean值true或false.注意,is操作符永远不抛出异常,例如以下代码: Object o ...

  3. 更改android AVD模拟器创建路径位置的方法

    打开:计算机-->系统属性-->环境变量—>在“系统变量”那选择“新建”-->变量名为 "ANDROID_SDK_HOME” (注意,必须为这个名字!),然后把变量值 ...

  4. matlab中patch函数的用法

    http://blog.sina.com.cn/s/blog_707b64550100z1nz.html matlab中patch函数的用法——emily (2011-11-18 17:20:33) ...

  5. 笔记——shell脚本学习指南

    <shell脚本学习指南>机械工业出版 ISBN 987-7-111-25504-8 第2章 2.4 初级陷阱 1.当今的系统,对#!这一行的长度限制从63到1024个字符都有,尽量不要超 ...

  6. 基于webpack使用ES6新特性(转载)

    本文转载自: http://www.tuicool.com/articles/vye2ea6

  7. 开始学习bizTalk server了

    开始学习bizTalk Server 2013 R2了,有兴趣的朋友可以关注我,一同学习

  8. 挂FORM时找不到对应的功能(function)

    表单 功能都已经定义,但是在菜单中增加时候没有这个可选的项. 解决办法:由于是功能太多,LOV显示限制为30000,因此将功能名前加CUX,提升其排序即可.也可以修改LOV显示限制数量.

  9. mac 10.11 cocopods注意的地方

    最近安装cocoapods,遇到些新问题,安装过程纠结了一天,先是ruby版本的问题,解决掉了,后来又是ruby下载cocoapods慢的问题,尝试了好几遍都下载不成功.最后也是不断尝试和查询,算是安 ...

  10. Spring透过ApplicationListener来触发contextrefreshedevent事件

    Spring通过ApplicationListener接口来触发contextrefreshedevent事件在开发时有时候需要在整个应用开始运行时执行一些特定代码,比如初始化环境,准备测试数据.加载 ...