ECMASCRIPT - 技术教程文章
ECMAScript 6 入门学习笔记（零）——开始
所有es6笔记都是我自己提出来的一些点，没有很详细的例子什么的，这个链接就是我看的教程，有需要的可以看看。（http://es6.ruanyifeng.com/#docs/intro） 1、ECMAScript 和 JavaScript 的关系 ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现。 2、ES6 与 ECMAScript 2015 的关系ES6 既是一个历史名词，也是一个泛指，含义是5.1版以后的 JavaScript 的下一代标准，涵盖了ES2015、ES2016、ES2017等...
【ECMAScript5】运算符【代码】【图】
一、位运算符位运算符是在数字底层（即表示数字的 32 个数位）进行操作的。ECMAScript整数有两种类型，即有符号整数（允许用正数和负数）和无符号整数（只允许用正数）。ECMAScript中，所有整数字面量默认都是有符号整数。有符号整数使用31位表示整数的数值，用第32位表示整数的符号，0表示正数，1表示负数。数值范围从-2147483648到2147483647。例如，下图展示的是数18的表示法：18的二进制版本只用了前5位，它们是这个数字的有效...
ECMAScript5中的对象存取器属性：getter和setter【代码】
显然这是一个无关IE（高级IE除外）的话题，尽管如此，有兴趣的同学还是一起来认识一下ECMAScript5标准中getter和setter的实现。在一个对象中，操作其中的属性或方法，通常运用最多的就是读（引用）和写了，譬如说o.get，这就是一个读的操作，而o.set = 1则是一个写的操作。事实上在除ie外最新主流浏览器的实现中，任何一个对象的键值都可以被getter和setter方法所取代，这被称之为“存取器属性”。毫无疑问，getter负责查询值，它不...
ECMAScript 6 学习 let 和 const命令【图】
一、主要内容：二、含义、注意事项、使用方法：1、let 命令：用来声明一个变量，和var非常相似。 使用let声明变量的注意事项： 1）、使用let声明的变量，所声明的变量只在命令所在的代码块内有效。 { let a = 2; var b = 3; console.log(a); //2 } console.log(a); //a is not defined console.log(b); //3 2)、使用le...
ECMAScript 5【代码】【图】
ECMAScript 5 Object Array扩展<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>ECMAScript5</title><style>p{ line-height: 40px;border-bottom: 1px solid green;}</style></head><body><p>1 .ES5 strict模式，变量必须有 var</p><script>"use strict";//testvar = 4;</script><p>2. JSON.parse 字符串转为json</p><script>"use strict";var str=‘{"name":"hello"}‘;var res=JSON.parse(str);console.lo...
ECMAScript 6-Proxy【代码】【图】
ProxyProxy 用于修改某些操作的默认行为。Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”生成实例//第一个参数target表示所要拦截的目标对象，第二个参数handler是一个配置对象，用来定制拦截行为 var proxy = new Proxy(target, handler...
ECMAScript 6【代码】【图】
1. ECMAScript 6 简介官网：http://es6.ruanyifeng.com/ECMAScript 6.0（简称 ES6）是 JavaScript 语言的下一代标准，于 2015 年 6 月正式发布。ECMAScript 和 JavaScript 是什么关系？1996 年 11 月，JavaScript 的创造者 Netscape 公司，希望JavaScript能够成为国际标准，将其提交给标准化组织 ECMA。次年，ECMA 发布了ECMAScript 1.0 版。不叫 JavaScript的原因：一是商标，JavaScript 已被 Netscape 公司注册为商标；二是体现...
ECMAScript 定义类、对象【代码】
使用预定义对象只是面向对象语言的能力的一部分，它真正强大之处在于能够创建自己专用的类和对象。ECMAScript 拥有很多创建对象或类的方法。工厂方式原始的方式因为对象的属性可以在对象创建后动态定义，所有许多开发者都在 JavaScript 最初引入时编写类似下面的代码：var oCar = new Object; oCar.color = "blue"; oCar.doors = 4; oCar.mpg = 25; oCar.showColor = function() {alert(this.color); }; 在上面的代码中，创建对象 ...
ECMAScript6学习笔记
一. 声明变量let和const1. let的特点：（1）不存在变量提升（2）暂存性死区：let声明的变量被绑定到该区域，不再受外部影响。（3）同一个作用域中，不允许重复声明 2. 块级作用域（使用let声明变量）（1）以前只有全局作用域和函数作用域，es6中一个代码块就是一个作用域{}（2）允许块级作用域互相嵌套，外层作用域无法读取内层作用域的变量，内层作用域可以定义外层作用域的同名变量。（3）ES5规定函数只在全局作用域和函数作用域...
一小时学会ECMAScript6新特性（二）【代码】
1、对象属性名es5中我们为一个对象添加属性可以用如下代码：let foods = {};foods.dessert = ‘蛋糕‘;console.log(foods)但是属性名中间有空格则不能用点的形式添加，es6中的属性名可以有空格：let foods = {};foods.dessert = ‘蛋糕‘; foods[‘hot drink‘] = ‘可乐‘console.log(foods)方括号中还可以用变量的形式引入：let foods = {},drink = ‘hot drink‘;foods.dessert = ‘蛋糕‘; foods[drink] = ‘可乐‘console.lo...
BOM，DOM，ECMAScripts三者的关系【代码】
一：DOM文档对象模型（DOM）是表示文档（比如HTML和XML）和访问、操作构成文档的各种元素的应用程序接口（API）DOM是HTML与JavaScript之间沟通的桥梁。 DOM下，HTML文档各个节点被视为各种类型的Node对象。每个Node对象都有自己的属性和方法，利用这些属性和方法可以遍历整个文档树。由于HTML文档的复杂性，DOM定义了nodeType来表示节点的类型，有12种节点类型。 节点类型描述子节点1Element代表元素Element, Text, Comment, Proce...
ECMAScript5中的对象存取器属性：getter和setter介绍
显然这是一个无关IE（高级IE除外）的话题，尽管如此，有兴趣的同学还是一起来认识一下ECMAScript5标准中getter和setter的实现。在一个对象中，操作其中的属性或方法，通常运用最多的就是读（引用）和写了，譬如说o.get，这就是一个读的操作，而o.set = 1则是一个写的操作。事实上在除ie外最新主流浏览器的实现中，任何一个对象的键值都可以被getter和setter方法所取代，这被称之为“存取器属性”。 毫无疑问，getter负责查询值，它...
ECMAScript5中的属性描述符详解_基础知识
属性描述符是ES5中新增的概念，其作用是给对象的属性增加更多的控制。 Object.defineProperty 要研究属性描述符，首先要谈谈 Object.defineProperty 方法。这个方法的作用是给对象定义新属性或修改已存在的属性。其原型如下：代码如下: Object.defineProperty(obj, prop, descriptor)使用示例：代码如下: var obj = { }; Object.defineProperty(obj, attr, { value: 1 });上面一段代码给obj对象增加了一个名为attr的属性，值为1。相...
深入理解JavaScript系列（18）：面向对象编程之ECMAScript实现
介绍 本章是关于ECMAScript面向对象实现的第2篇，第1篇我们讨论的是概论和CEMAScript的比较，如果你还没有读第1篇，在进行本章之前，我强烈建议你先读一下第1篇，因为本篇实在太长了（35页）。 英文原文：http://dmitrysoshnikov.com/ecmascript/chapter-7-2-oop-ecmascript-implementation/ 注：由于篇幅太长了，难免出现错误，时刻保持修正中。 在概论里，我们延伸到了ECMAScript，现在，当我们知道它OOP实现时，我们再来准确定义...
ECMAScript6函数剩余参数（Rest Parameters）【图】
我们知道JS函数内部有个arguments对象，可以拿到全部实参。现在ES6给我们带来了一个新的对象，可以拿到除开始参数外的参数，即剩余参数（废话好多 O(∩_∩)O~）。 这个新的对象和arguments不一样，它是程序员自定义的一个普通标识符，只是需要在前面加上三个点：... function func(a, ...rest) {console.log(a)console.log(rest) } func(1) func(1, 2, 3, 4) 注意func的第二个参数rest，前面有三个点。定义好后调用了两次，结果分别...
ECMAScript6中Promise是什么？有什么用？（附示例）
本篇文章给大家带来的内容是关于ECMAScript6中Promise是什么？有什么用？（附示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。刚学习完，有点粗略印象。整理记录一下以便后续学习补充，加深理解。Promise是什么Promise是构造函数，可以通过new来生成Promise对象。Promise有什么用目前我的感受是：更加方便来操作异步流程，更加明确直观的控制事件的流程以及可以链式调用Promise特点摘自ES6入门Promise对象...
JavaScript高级程序设计 阅读笔记（四） ECMAScript中的类型转换
2.7 类型转换 1、转换成字符串 所有对象都有toString()方法可以转换成字符串，要注意的是Number类型的toString()方法，它有两种模式，即默认模式和基模式，采用默认模式toString()方法只是用相应的字符串输出对应的10进制数字值，用基模式可以用不同的基输出数字。示例： 代码如下:var iNum1=10; var iNum2=10.0; var iNum3=10; alert(iNum1.toString()); //outpus "10" alert(iNum2.toString()); //outpus "10" alert(iNum3....
实例详解ECMAScript5中新增的Array方法_javascript技巧
ECMAScript5 给出了一系列新的API接口，这些接口在新的浏览器中大部分是被支持的，IE9，Chrome，FirFor都支持，也有少量API不是所有浏览器都支持，以下内容仅介绍大部分被支持的API。利用新的API我们可以设计出非常靠谱的类，而且还能保持原有的javaScript的风格。 ECMAScript5标准发布于2009年12月3日，它带来了一些新的，改善现有的Array数组操作的方法。（注意兼容性）在ES5中，一共有9个Array方法：http://kangax.github.io/co...
ECMAScript6 新特性范例大全【图】
ECMAScript6（ECMAScript 2015 ，ES5，ES2016）技术已经在前端圈子很流行了，他给前端开发人员带来了很多惊喜，提供的语法糖使复杂的操作变得简单。 本文没有详细描述这些新特性，因为网上都已经有很多相关的介绍了。主要针对ES6 新特性收集了相关范例代码，他可以让你快速了解这个新的javascript规范。 箭头函数 function() 函数的简写表示法，但它不绑定 this。var odds = evens.map(v => v + 1); // no parentes and no bracket...
javascript-ECMAScript 6的function.name属性【代码】
快速问题：此代码的正确结果是什么：let f = function(){}; let n = f.name; //"" or "f"?根据compat table,n应具有值“ f”.但是,the mozilla docs表示应返回一个空字符串.哪一个是正确的？解决方法:由于ECMAScript 6当前处于草稿状态,因此以下答案可能在将来的某个时候过时.就是说,引用the spec draft：Anonymous functions objects that do not have a contextual nameassociated with them by this specification do not have ...
javascript中的裸对象是ECMAScript标准的一部分吗？【代码】
我遇到过this article,如果您的密钥总是字符串,建议使用’裸对象’来满足您的hashmap需求. 裸对象是使用null作为原型值创建的对象,例如使用Object.create(null).使用对象文字符号(即{})不会创建裸对象,因为它们将Object.prototype设置为原型. 文章指出裸机对象的优点是你可以将它们用作哈希映射,而不必担心内置键,如toString,当使用同名的键时可能会导致错误. 这种行为是ES5和/或ES6标准的一部分吗？也就是说,如果我在代码中使用裸...
ECMAScript6是什么？
ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 1.ECMAScript 和 JavaScript 的关系 一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？要讲清楚这个问题，需要回顾历史。1996年11月，JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给国际标准化组织ECMA，希望这种语...
微信小程序之 ECMAScript【图】
在大部分开发者看来，ECMAScript和JavaScript表达的是同一种含义，但是严格的说，两者的意义是不同的。ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言， JavaScript 是 ECMAScript 的一种实现。理解 JavaScript 是 ECMAScript 一种实现后，可以帮助开发者理解小程序中的 JavaScript同浏览器中的 JavaScript 以及 NodeJS 中的 JavaScript 是不相同的。 ECMA-262 规定了 ECMAScript 语言的几个重要组成部分：语法 ...
符号(@)在ES6 javascript中有什么作用？ (ECMAScript 2015)【代码】
我正在查看一些ES6代码,我不明白@符号放在变量前面时的作用.我能找到最接近的东西与私人田地有关？ 我从redux library看的代码：import React, { Component } from 'react'; import { bindActionCreators } from 'redux'; import { connect } from 'redux/react'; import Counter from '../components/Counter'; import * as CounterActions from '../actions/CounterActions';@connect(state => ({counter: state.counter })) exp...
ECMAScript / JavaScript字符串中的每个字符占用多少RAM？
问题很简单：ECMAScript / JavaScript字符串中的每个字符消耗多少RAM(以字节为单位)？ 我猜两个字节,因为标准说他们存储为16位无符号整数？ 这是否意味着每个字符总是两个字节？解决方法:是的,我相信情况就是这样.字符可能存储为宽字符串或UCS2字符串.它们可能是UTF-16,在这种情况下,对于BMP(基本多语言平面)之外的字符,它们每个字符占用两个字(16位整数),但我相信这些字符不完全支持.在ECMA的UTF16实现中阅读此blog post about pr...
ECMAScript6函数默认参数
语言更新时每一个新增的特性都是从千百万开发者需求里提取过来的，规范采用后能减少程序员的痛苦，带来便捷。 我们经常会这么写 function calc(x, y) {x = x || 0;y = y || 0;// to do with x, y// return x/y } 简单说就是x，y提供了一个默认值为0，不传时x, y以值0来运算。传了就以实际值计算。 又如定义一个ajax function ajax(url, async, dataType) {async = async !== falsedataType = dataType || JSON// ... } 自己用原生J...
ECMAScript6--解构
大致介绍 解构：就是将声明的一组变量和与相同结构的数组或者对象的元素数值一一对应，并将变量相对应元素进行赋值 数组解构 例子：let [a,b,c] = [1,2,3];console.log(a); //1console.log([a,b,c]); //[1, 2, 3]可以看到，数组中的a,b,c分别对应1，2,3 嵌套的数组也可以进行解构 let [a,[b,[c]]] = [1,[2,[3]]];console.log(c); //3let [d,,e] = [1,2,3];console.log(e); //3let [f,...tail] = [1,2,3];console.log(tail); //[2, ...
浅谈ECMAScript6新特性之let、const【图】
第一次写博客有点紧张，如果说的不对的地方，欢迎大家留言指正。咱们先来说说“ECMAScript”这到底是啥玩意儿？它和javascript的关系又是如何的？首先，在1996年11月的时候，javascript的创造者（网景公司Netscape）和sun公司联合ECMA（欧洲计算机制造商协会）对javascript进行标准化，次年，ECMA发布262号标准文件文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准（在这里提个问题：为什么要标准化？），并将这种语言称为EC...
javascript – ‘let’和’const’ECMAScript 2015(ES6)有什么区别？【代码】
我想知道ES6中let和const之间的区别是什么.它们都是块作用域,如以下代码中的示例所示：const PI = 3.14; console.log(PI);PI = 3; console.log(PI);const PI = 4; console.log(PI);var PI = 5; console.log(PI);在ES5中,输出将是：3.14 3.14 3.14 3.14但在ES6中它将是：3.14 3 4 5我想知道为什么ES6允许更改const值,问题是为什么我们现在应该使用’const’？我们可以使用’let’代替吗？ 注意：jsbin可用于测试,选择JavaScript运行...
ECMAScript6中类继承解析（附示例）
本篇文章给大家带来的内容是关于ECMAScript 6中类继承解析（附示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。类继承看类继承前，先回顾构造函数怎么实现对象的继承的 function F() {this.a = 1;}function Son() {F.call(this);} function inherit(S, F) {S.prototype = Object.create(F.prototype);S.prototype.constructor = S;}inherit(Son, F);let son = new Son();它实现了哪几个功能：继承F...