(1)ES6中let,const,对象冻结,跨模块常量,新增的全局对象介绍
1.let声明变量,var声明变量,而const声明的常量
2.let与var的区别
let可以让变量长期驻扎在内存当作
let的作用域是分块【 {快1 {快2 } }每个大括号表示一个独立的块 】的,块内的变量不会覆盖块外的变量值。
{
//(模)块1
let a = 1;
if(true){
//(模)块2
let a = 2;
}
console.log(a); //1,因为块内的变量不会覆盖块外的变量值
}
let与var:同一个代码块里面不能出现变量重复声明
3.const声明常量,常量的值一旦声明就整体就不能被改变,如果一个空数组或者json的话还是可以向他们里面添加成员,但可以通过【彻底冻结函数】来禁止添加成员。
const的作用域也是分块的,const与let共同点:同一个代码块里面不能出现变量重复声明
const PI = 3.1415926; //声明常量
const对象声明后可以进行属性附值操作,但是不能重新对整个对象赋值操作【例如const json = {},json={name:'hao123'}】。
4.const对象冻结
//冻结1
const person = Object.freeze();//冻结
person.name = "zhangsan";
person.age = 30;
console.log(person.age);// //冻结2
const person = Object.freeze({});//冻结
person.name = "zhangsan";
person.age = 30;
console.log(person.age); //undefined //冻结3
const person = Ojbect.freeze({//冻结
name:"张三",
age:30;
});
console.log(person.age);//
5.forEach用法
/**
* forEach的用法,遍历一个对象
* forEach(testfun[,thisobj]);
*/
var arr = [1,2,3,4]; //写法1
arr.forEach(t1,arr);
function t1(arg) {
alert(arg);
} //写法2
arr.forEach(function (e) {
alert(e);
});
6.彻底冻结对象的函数
/**
* 利用forEach来实现ES6彻底冻结对象的函数
* @param {[type]} obj [description]
* @return {[type]} [description]
*/
/*ES6写法*/
var constantize = (obj) => {
Object.freeze(obj);
Object.keys(obj).forEach( (key,value) => {
if( typeof obj[key] === 'object' ) {
constantize( obj[key] );
}
});
};
/*ES5写法*/
var contantize = function (obj) {
Object.freeze(obj);
Object.keys(obj).forEach(function (key,value) {
if( typeof obj[key] === 'object' ) {
constantize ( obj[key] );
}
});
}
7.跨模块常量的使用
//module.js文件的代码
export const myjson = {
varInt: 100,
varFloat: 11.02,
varString: 'abc'
} //use.js
import * as myjson form './module'; //导入module.js内接口对象myjson的全部成员,.js可以省略
console.log(myjson.varInt); //
console.log(myjson.varFloat); //11.02
console.log(myjson.varString); //'abc' //otherUse.js
import {myjson.varInt,myjson.varFloat} as myjson form './module';
console.log(myjson.varInt);
console.log(myjson.varFloat); //onlyInt.js
import myjson.varInt as myjson form './module';
console.log( myjson.varInt );
8.全局对象属性
全局对象属性,在浏览器环境指的是window对象,而Nodejs指的是global对象。
在javascript语言中,所有的全局对象,所有的全局变量都是全局对象属性。如果var与function命令声明的变量是全局变量那么就属于全局对象属性。 var myName = 'jewave'; console.log(window.myName);//浏览器环境下的全局变量
console.log(global.myName);//Node环境下的全局变量
console.log(this.myName);//通用环境下的全局变量 let herName = "hong";
console.log(window.herName); //undefined
(1)ES6中let,const,对象冻结,跨模块常量,新增的全局对象介绍的更多相关文章
- es65 跨模块常量
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- es6中let,const区别与其用法
ECMAScript 是什么? 首先,我们都知道JavaScript由三部分组成:ECMAScript,DOM,BOM: 其中的ECMAScript是Javascript的语法规范. ECMAScri ...
- 理解es6中的const与“不变”
const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动. 效果 对于简单类型的数据(数值.字符串.布尔值),值就保存在变量指向的那个内存地址,因此等同于常量. 对于复合类型 ...
- ES6中的const命令【转】
1.const声明一个只读常量,一旦声明,常量的值就不能改变 1 const PI=3.1415; 2 console.log(PI);//3.1415 3 4 PI=3;//Uncaught Typ ...
- ES6中的const命令
1.const声明一个只读常量,一旦声明,常量的值就不能改变 1 const PI=3.1415; 2 console.log(PI);//3.1415 3 4 PI=3;//Uncaught T ...
- ES6中的var let const应如何选择
javascript世界里面的每个人都在说有关ECMAScript 6 (ES6,也称作ES 2015)的话题,对象的巨大变化 ( 类 , super() , 等), 函数 (默认参数等), 以及模块 ...
- 解析.NET对象的跨应用程序域访问(下篇)
转眼就到了元宵节,匆匆忙忙的脚步是我们在为生活奋斗的写照,新的一年,我们应该努力让自己有不一样的生活和追求.生命不息,奋斗不止.在上篇博文中主要介绍了.NET的AppDomain的相关信息,在本篇博文 ...
- NET对象的跨应用程序域
NET对象的跨应用程序域 转眼就到了元宵节,匆匆忙忙的脚步是我们在为生活奋斗的写照,新的一年,我们应该努力让自己有不一样的生活和追求.生命不息,奋斗不止.在上篇博文中主要介绍了.NET的AppDoma ...
- ES6中对数值的扩展
上一节和大家学习了字符串的扩展,这一节轮到了数值,我们一起来学习数值的扩展. 剧透一下,这一节并不会很烧脑,都是介绍类的知识讲解,理解性的东西不多,初学者们也可以愉快地看完. 传统的写法 在介绍数值的 ...
随机推荐
- 解决 apache poi 转换 word(docx) 文件到 html 文件表格没边框的问题
一.起因 这几天在做电子签章问题,要通过替换docx文件中的占位符生成包含业务数据的合同数据,再转换成html文件,转换成pdf文件.遇到的问题是:通过apache poi转换docx到html时,原 ...
- 原生JS实现各种经典网页特效——Banner图滚动、选项卡切换、广告弹窗等
在制作网页过程中,我们可能会遇到各种常用的经典网页特效,比如Banner图片滚动.选项卡循环播放.右下角广告弹窗.评论提交展示.选项动态增删.剪刀石头布小游戏等等等...是不是感觉都见到过这些场景.那 ...
- CSharpGL(44)用ShadowMapping方式画物体的影子
CSharpGL(44)用ShadowMapping方式画物体的影子 在(前文)已经实现了渲染到纹理(Render To Texture)的功能,在此基础上,本文记录画物体的影子的方式之一——shad ...
- 【python密码学编程】5.反转加密法
#Reverse Cipher message = 'there can keep a secret,if two of them are dead.' translated = '' i = len ...
- WPF个人助手更新
大家好,这次更新主要是去除一些无关的功能,界面做了很大的调整,以前都是自己写的 UI ,最近也引入了 WPF-UI ,挺不错的,特此表示感谢,也希望大家会喜欢,别的也就不多说了,本软件以实用性为主,采 ...
- MySQL如何记录binlog
--MySQL如何记录binlog -------------------------------2014/07/08 binlog文件的内容 log event MySQL的 ...
- Linux系统常见调用及其分类
Linux系统调用主要可以分为以下几类: 进程控制 fork 创建一个新进程 clone 按指定条件创建子进程 execve 运行可执行文件 exit 中止进程 _exit 立即中止当前进程 get ...
- iOS之Cocoapods安装
网上关于cocoapods的教程很多,关于它的优点我不赘述:但是我根据多次安装的经验,把我遇到的问题写一下,希望对新手有所帮助. 1. 设置输入源(由于默认的gem资源是国外的,由于历史原因,访问比较 ...
- MD5 in JAVA
using Apache Commons 需要引入org.apache.commons.codec.digest.DigestUtils这个包,pom.xml文件配置如下: <!-- https ...
- RHCE认证过程
RHCE认证,即红帽认证工程师(Red Hat Certified Engineer)的简称,认证内容包括DNS.NFS.Samba.Sendmail.Postfix.Apache和关键安全功能的详细 ...