201706180310_《 Javascript (ES6)给变量一个hash串》

(() => {

  //UUID Fn-1
  S4 = () => {
        return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
    };
  //UUID Fn-2
  guid = () => {
        let me = this;
        return (me.S4()+me.S4()+"-"+me.S4()+"-"+me.S4()+"-"+me.S4()+"-"+me.S4()+me.S4()+me.S4());
    };

  let oUuid = guid();
  let oArr = [‘Apple‘,‘Banana‘,‘Orange‘,‘Cheer‘];

   oArr.forEach((v,i,a) => {
        this.v = `${v}-${guid()}`;
        console.log(this.v);
    });
})();

// Apple-2b51f63b-45c8-070f-e3aa-71184a90eb3f
//Banana-e1ccf286-9d65-e7a0-0949-8bba1077554a
// Orange-a2e973fb-1c6f-6a82-c57d-fb7ae4143a1e
//Cheer-23d85cd0-3006-c1d3-fec0-79ba5458e5f6
时间: 2024-10-23 13:18:42

201706180310_《 Javascript (ES6)给变量一个hash串》的相关文章

Javascript ES6 特性概述(即ECMAScript 6和ES2015+)

Javascript在过去的一年里变化了很多,从现在开始,有12个新的特性可以开始用了! 1. 历史 ECMAScript 6是对Javascript语言的增强,有时候也被称为ES6或者ES2015+. Javascript诞生在1995年,从那以后一直在缓慢地演变,每隔几年会有一些新的增强特性出现.ECMAScript出现在1997年,目的是指导Javascript的演化路径,它已经发布了好几个版本,如ES3.ES5.ES6,等等. 可以看到,在ES3.ES5和ES6之间分别有10年和6年的空

JavaScript ES6 核心功能一览

JavaScript 在过去几年里发生了很大的变化.这里介绍 12 个你马上就能用的新功能. JavaScript 历史 新的语言规范被称作 ECMAScript 6.也称为 ES6 或 ES2015+ . 自从 1995 年 JavaScript 诞生以来,它一直在缓慢地发展.每隔几年就会增加一些新内容.1997 年,ECMAScript 成为 JavaScript 语言实现的规范.它已经有了好几个版本,比如 ES3 , ES5 , ES6 等等. 如你所见,ES3,ES5 和 ES6 之间分

JavaScript ES6功能概述(ECMAScript 6和ES2015 +)

JavaScript在过去几年中发生了很大的变化.这些是您今天可以开始使用的12项新功能! 该语言的新增内容称为ECMAScript 6.它也称为ES6或ES2015 +. 自1995年JavaScript构思以来,它一直在缓慢发展.每隔几年就会发生新增事件. ECMAScript于1997年成立,旨在指导JavaScript的发展方向.它已经发布了ES3,ES5,ES6等版本. 如您所见,ES3,ES5和ES6之间存在10年和6年的差距.此后每年??进行小幅增量变更.而不是像ES6那样一次做大

JavaScript两个变量的值交换的多种方式

前言 该文是在看别人博客的时候发现的,很有趣的一篇文章,这里摘录到自己的简书中,供给各位读者学习本文主要描述,如何不使用中间值,将两个变量的值进行交换.前三种只适用于number类型的数值交换,第四和第五种适合其他类型. 简书原文 https://www.jianshu.com/p/64a503c762e9 一.普通做法 普通的做法就是声明多一个临时变量tmp,进行数据交换过程中的缓存.这样的做法直观,易懂.但是,会增加内存的使用. var a = 1, b = 2, tmp; tmp = a;

JavaScript es6 class类的理解。

在本篇文章我将会把我对JavaScript  es6新特性class类的理解.本着互联网的分享精神,我就将我自己的理解分享给大家. 使用es写一个类(构造函数) 在es5中大家一般都这么写一个类(构造函数) 另外需要注意,class类不会被提升. // 创建一个User构造函数 function User(name, age) { this.name = name; this.age = age; } // User构造函数的静态方法. User.getClassName = function

JavaScript类型&值&变量

正零VS负零 两个值几乎一模一样,除了作为除数之外: var zero = 0; // 正零 var negz = -0; // 负零 zero === negz; // true 1/zero === 1/negz; // false <JavaScript权威指南>p.37 undefined VS null undefined是变量未赋值前的默认值,表示未定义.typeof undefined = undefined. null是空对象引用,表示对象为空.typeof null = ob

JavaScript ES6中export及export default的区别

相信很多人都使用过export.export default.import,然而它们到底有什么区别呢? 在JavaScript ES6中,export与export default均可用于导出常量.函数.文件.模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export.import可以有多个,export default仅有一个. 具体使用: 1. //demo1.js export con

Javascript作用域和变量提升

下面的程序是什么结果? [javascript] view plain copy var foo = 1; function bar() { if (!foo) { var foo = 10; } alert(foo); } bar(); 结果是10: 那么下面这个呢? [javascript] view plain copy var a = 1; function b() { a = 10; return; function a() {} } b(); alert(a); 结果是1. 吓你一跳

javascript语法基础-变量与函数

三 javascript语法基础-变量与函数 (一)变量的声明与运用 JavaScript中的变量与Java.C等强类型语言有很大区别,虽然在JavaScript中具有字符串.数字等数据类型. 变量申明语句的结构是var保留字加标识符,var和标识符之间用空格隔开. 赋值语句的结构是在变量和需要赋的值之间加上一个等号,例如a=1的含义是将变量a的值指定为1. 变量在定义的时候也可以同时赋值,如var a=1. PS:在变量使用前事先进行声明是个良好的编程习惯,这对将来学习Java等其他语言有帮助