ECMASCRIPT - 技术教程文章
ECMAScript 总结【代码】
<script>元素 若果有src属性，元素内不可再包含JavaScript代码。如果包含了嵌入代码，则只会下载并执行外部脚本文件，嵌入的代码会被忽略。 src属性可以指向其所在页面之外的其他域的完整URL。不过在访问自己不能控制的服务器上的JavaScript代码要多加小心。 一般将JavaScript引用放在<body>元素的结束标签之前。因为如果将其放在<head>元素中，这就意味着必须等到所有的文件下载、解析和执行以后才能呈现页面内容，如果，外...
javascript学习笔记---ECMAScript 语句【代码】
ECMAScript 语句： 进一步说是流程控制语句。主要流程有：顺序，选择，循环。顺序语句不用多说。（大括号中的语句基本都是顺序的）选择语句：if (i > 30){alert("大于 30");} else{alert("小于等于 30");}if (i > 30) {alert("大于 30"); } else if (i < 0) {alert("小于 0"); } else {alert("在 0 到 30 之间"); }进一步有了switch语句：switch (expression)case value: statement;break;case value: statement;break;case value:...
SharePoint 使用ECMAscript对象模型来读取帖子列表【代码】
本随笔讲述如何用JavaScript来读取SharePoint 2013 中blog相关的帖子列表。ASCX File Content:<div id="divGetItemsFromPosts" title="读取贴子列表"></div><br /> <div id="divGetItemsFromComments" title="读取某个帖子的所有回贴"></div><br /> <script src="/_layouts/15/Learning_ECMAScript/Learning_WP_Blog.js"></script> JS File Content(Learning_WP_Blog.js): 1//读取帖子列表里的前10条帖子 2//Get top 10 items fr...
ECMAScript 6新特性之Proxy
ECMAScript 6中新增了一个全局构造函数：Proxy。该构造函数可以接收两个参数：一个目标对象，一个处理对象。代码示例：var target = {}; var handler = {}; var proxy = new Proxy(target, handler);proxy将具有与target类似的内部属性/方法；handler可以作为proxy方法的拦截器。版权声明：本文为博主原创文章，未经博主允许不得转载。原文：http://blog.csdn.net/winstar1688/article/details/46957245
javascript学习笔记---ECMAScript运算符（逻辑运算符）【代码】
Boolean 运算符非常重要，它使得程序语言得以正常运行。Boolean 运算符有三种：NOT、AND 和 OR。ToBoolean 操作在学习各种逻辑运算符之前，让我们先了解一下 ECMAScript-262 v5 规范中描述的 ToBoolean 操作。抽象操作 ToBoolean 将其参数按照下表中的规则转换为逻辑值：参数类型结果UndefinedfalseNullfalseBoolean结果等于输入的参数（不转换）Number如果参数为 +0, -0 或 NaN，则结果为 false；否则为 true。String如果参数为空...
phpstorm 配置 babel 支持EcmaScript6【代码】【图】
1.安装nodejs2.npm install --save-dev babel-cli3.npm install babel-preset-es2015 --save-dev4.phpstorm->settings->language&framework->javascript->ecmaScript65.phpstorm->settings->tools->file Watchers->"+ Babel"建议file type选择ecmascript6 使用*.es6文件编写es6 编译后生成*.js 这样避免*.js编译后仍然生成*.js在工程目录下新建.babelrc 添加配置配置{ "presets": ["es2015"] } 改写文件原文：http://www.cnblogs....
ECMAScript 5中的数组方法
1、forEach()forEach()方法从头至尾遍历数组，为每一个元素调用指定的函数。var data=[1,2,3,4,5]; var sum=0; data.forEach(functiion(value){sum+=value})//将每一个值累计到sum上2、map()map()方法将调用额数组的每个元素传递给指定的函数，并返回一个数组，它包含该函数的返回值。a=[1,2,3]; b=a.map(function(x){return x*x})3、filter()filter()方法返回的数组元素是调用的数组的一个子集。字面意思为筛选a=[5,4,3,2,1]small...
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 语言的几个重要组成部分：语法 ...