ECMASCRIPT - 技术教程文章
ECMAScript 创建自己的js类库【图】
ECMAScript中最有意思，最强大的地方在于函数。最进在完善自己的js类库的时候发现我们经常在用函数，但真的很少有人懂得ECMAScript函数功能。 1：什么是函数？ ECMAScript函数其实就是对象，每个函数都是Function类型的实例而且有属性和方法，由于函数是对象，函数名其实就是指向函数对象的指针，不会与某个函数绑定。 2：创建函数的方法 代码如下:(1):function Person(name) { return name; } (2):var P...
JavaScript高级程序设计（第3版）学习笔记13 ECMAScript5新特性
接下来应该是BOM和HTML5了，但是鉴于ECMAScript5相对于ECMAScript3的新变化比较多，而且这些变化也非常的有意思，因此在这篇文章中再将我认为的有意思的变化（并非全部变化）集中整理一下，但这里只是列举，不具体展开。 一、语法变化 1、关键字和保留字 在ES3中，使用关键字做标识符会导致“Identifier Expected ”错误，而使用保留字做标识符可能会也可能不会导致相同的错误，具体取决于特定的引擎。在ES5中，关键字和保留字...
《JavaScript高级程序设计》阅读笔记（一） ECMAScript基础
2.1 语法 区分大小写、变量弱类型、行尾分号可有可无、注释为双斜线、括号表明代码块 2.2 变量 变量用var声明，变量的命名规则：第一个字符必须是字母、下划线或美元符号；余下的字符可以是下划线、美元符号或任何字母或数字字符。 变量命名规范： Camel标记法：首字母小写，接下来的单词都以大写字母开头。例如：var myTestValue=0,mySecondTestValue="hi"; Pascal标记法：首字母大写，接下来的单词都以大写字...
《JavaScript高级程序设计》阅读笔记（二） ECMAScript中的原始类型
2.6 原始类型 ECMAScript有5种原始类型(primitive type)，即Undefined、Null、Boolean、Number和String。ECMAScript提供了typeof来判断值的类型。 1、typeof运算符： 代码如下:var sTemp="test string"; alert(typeof sTemp);//outpus "string" alert(typeof 95);//outpus "number" typeof运算符返回值只有5种，分别为：如果变量是Undefined型返回"undefined"，如果变量是Boolean型返回"boolean"，如果变量是Number型返回...
《JavaScript高级程序设计》阅读笔记（三） ECMAScript中的引用类型
2.8 引用类型 1、Object类 ECMAScript中的所有类都是由Object类继承而来。 Object类具有下列属性： Constructor：对创建对象的函数的引用（指针），对于Object类，该指针指向原始的Object()函数 Prototype：对该对象的对象原型的引用。 Object类还有几个方法： HasOwnProperty(property)：判断对象是否有某个特定的属性。必须用字符串指定该属性值 IsPrototypeOf(object)：判断该对象是否为另一个对象...
JavaScript高级程序设计阅读笔记（五） ECMAScript中的运算符（一）
2.9 运算符 2.9.1、一元运算符 一元运算符只有一个参数，即要操作的对象或值。 1、delete：删除对以前定义的对象属性或方法的引用，但此运算符不能删除开发者未定义的属性和方法。示例： 代码如下:var o=new Object; o.name="Nicholas"; o.show=function(){ return "test"; }; console.log(o.name); //outpus Nicholas console.log(o.show()); //outpus test delete o.name; delete o.show; console.log(o.name); //outpu...
JavaScript高级程序设计 阅读笔记（七） ECMAScript中的语句
if语句 语法： 代码如下:if(condition){ statement1; } else{ statement2; } 迭代语句 1、do-while语句 语法： 代码如下:do{ statement }while(expression); 2、while语句 语法： 代码如下:while(expression){ statement } 3、for语句 语法： 代码如下:for(initialization;expression;post-loop-expression){ statement; } 4、for-in语句 语法： 代码如下:for(property in expressio...
JavaScript高级程序设计阅读笔记（六） ECMAScript中的运算符（二）
2.9.5、加性运算符 加性运算符（即加号和减号）通常是最简单的运算符，不过在ECMAScript中，每个加性运算符都有大量的特殊行为。 1、加法运算符： 代码如下:var iResult=1+2; console.log(iResult);//outputs 3 特殊性： 某个运算数是NaN，结果为NaN Infinity加Infinity，结果为Infinity -Infinity加-Infinity，结果为-Infinity Infinity加-Infinity，结果为NaN 如果两个运算数都是字符串，把第二个字符串连接到第一个字...
ECMAScript 基础知识
JavaScript的核心之一ECMAScript的语言特性和Java、C、Perl都有许多相似之处，其中不少特性都是从这些语言借鉴而来，同时它们之间也存在许多差异。下面列举一些ECMAScript的基本特性。 --和Java一样，ECMAScript区分大小写，注释的格式相同，通过{}确定代码块，原始数据类型存储在堆栈，对象的引用存储在堆中 --ECMAScript是一种松散的语言，ECMAScript通过var操作符声明变量，并且不限类型，例如var n = 25，那么n就是数字类...
[ASP.NET Ajax] ECMAScript基础类以及Asp.net Ajax对类<Object>的扩展
“Everything is Object”，在面向对象的编程语言中谁都知道这句话，但对我来说这是一种感觉，只可意会很难言传。由于我对JavaScript和薄弱，所以在看Asp.net Ajax类库的同时也翻出了ECMAScript顺便学习学习。在.NET中所有类都是继承自Object，同样在JS中也一样说有都继承Object,因此如果对Object进行了扩展，那所有继承Object类的后代肯定会拥有祖先的血缘。 既然开始学习JavaScript那就顺便在这里提一提他的原始数据类型，在JS中...
正则表达式字面量在ECMAScript5中的变化
在《JavaScript语言精粹》的第72页有这样一段： 用正则表达式字面量创建的RegExp对象来共享同一个单实例： 代码如下:function make_a_matcher( ) { return /a/gi; } var x = make_a_matcher( ); var y = make_a_matcher( ); // 注意：x 和 y 是同一个对象！ x.lastIndex = 10; document.writeln(y.lastIndex); // 10当你在浏览器中运行这段代码时，你会发现IE6-IE9、FireFox4、Chrome10、Safari5输出都是0，Firefox 3.6.16输出是1...
使用下一个版本的ECMAScript编写模块化和可扩展的CSS：unistyle_html/css_WEB-ITnose
unistyle实现使用下一个版本的ECMAScript编写模块化和可扩展的CSS。 Why? 使用ES2015 和一些ES2016特性来编写CSS用JavaScript让其真正的模块化，可 扩展，让你很好地实践CSS前或后处理器的所有功能，无需求助于一个新的语言。 Unistyle? The name is an abbreviation of Uniform Stylesheets. It is also somewhat related to Universal JavaScript or what you want to call it, because of the ability to share the same...
ES11新特性_私有属性---JavaScript_ECMAScript_ES6-ES11新特性工作笔记061【图】
然后我们再来看es11的,私有属性去看看 可以看到我们这里去声明一个类,在类中,我们声明公有属性直接写就可以 对于私有属性需要在属性前加上#,然后我们写一个构造方法, 注意构造方法中对于私有属性的赋值,要带上#,写全. 然后我们去new这个类,然后传入参数. 去浏览器看看结果,然后 看看浏览器上显示的内容.可以看到这个实例的内容对吧. . 然后我们在类的外面去获取,这
ES6新特性_ES6的数值扩展---JavaScript_ECMAScript_ES6-ES11新特性工作笔记039【图】
然后我们再来看一下es6中,对数值类型进行的一些扩展. 首先我们看到一个Number.EPSILON,这个是JavaScript中表示的最小精度的一个数,其实就是一个最小的一个数. 就是如果两个数的差值小于上面的那个最小的数,就认为,这两个数是相等的.在计算机中,不能表示小数,所以小数都是有精度的,我们可以看看 打印0.1+0.2 可以看到并不是0.3对吧那么0.1+0.2 和0.3 判断可以
ES6新特性_Promise实践练习-多个文件内容读取---JavaScript_ECMAScript_ES6-ES11新特性工作笔记028【图】
然后我们再去做个例子,来看看Promise怎么用.如果我们连续读取3个文件,按照以前的写法是上面的,我们套了3层 这就是回调地狱.然后如果我用promise实现可以看到是上面的这个代码打印出的是个字节数组,我们可以转换成字符串打印.
ES6新特性_ES6的Rest参数---JavaScript_ECMAScript_ES6-ES11新特性工作笔记012【图】
然后我们再来看es6的rest参数,首先去看例子es5的写法可以看到,对于获取实参可以上面这样 console.log(arguments); 这样,可以看到右边获取的是个arguments这个对象对吧.可以看到我们可以用rest参数的方式来写,可以看到 ...args ,这个就是es6的写法 然后我们再去调用 date这个方法,看看情况 可以看到右边返回了一个数组对吧,这样我们就可以使用filter some every map 等,处理数组的方法去处理参数了.
ES6新特性_let变量声明以及声明特性---JavaScript_ECMAScript_ES6-ES11新特性工作笔记003【图】
技术交流QQ群【JAVA,C++,Python,.NET,BigData,AI】：170933152 首先看es6的第一个变量声明特性,以前咱们用 var 声明,现在可以用let来声明变量.可以看到我们可以直接声明一个变量 let a; 也可以同时声明多个变量 let a,c,d; 还可以声明的同时赋值. let e = 100; let f = 521,g = iloveyou, h =[] 然后我们再看看 变量不能重复声明let 可以看到如果重复声明,右侧报错.
ECMAScript、Javascript和node
ECMAScript 6简介 ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 ECMAScript和JavaScript的关系 一个常见的问题是，ECMAScript和JavaScript到底是什么关系？ 要讲清楚这个问题，需要回顾历史。1996年11月，JavaScript的创造者Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这种语...
JavaScript基础知识复习ECMAScript5.0【代码】【图】
JavaScript的组成ECMAScript 5.0:定义了js的语法标准： 包含变量 、表达式、运算符、函数、if语句 for循环 while循环、内置的函数DOM :操作网页上元素的API。比如让盒子显示隐藏、变色、动画 form表单验证BOM:操作浏览器部分功能的API。比如刷新页面、前进后退、让浏览器自动滚动一. JS的引入方式内接式<script type="text/javascript"></script>外接式<!--相当于引入了某个模块--> <script type="text/javascript" src = './index...
ECMAScript和JavaScript及TypeScript【代码】
文章内容输出来源：拉勾教育大前端训练营 ECMAScript - 浏览器中的javascript指的是ES + Web提供的Api(dom bom) - node环境中javascript指的是ES + node提供的Api作用域 全局作用域(公共作用域) 1. 在全局作用域中的函数,变量都是公用的.所有相同的变量名称重复命名都会冲突导致报错 2. 函数内部直接赋值变量会把变量提升为全局变量var a = 3 function a() {a = 2;console.log('func a') } console.log(a())//TypeError: a is n...
JavaScript基础（ECMAScript）学习【代码】【图】
文章目录1.JavaScript概念2.JavaScript的功能3.JavaScript发展史4.JavaScript = ECMAScript + BOM+DOM5.ECMAScript：客户端脚本语言的标准5.1基本语法5.1.1与HTML结合的方式5.1.2注释5.1.3数据类型5.1.4 变量5.1.5 运算符5.1.6 自动类型转换5.1.7 流程控制语句5.1.8 JS特殊语法5.1.9 九九乘法表设计练习5.2 基本对象5.2.1 Function：函数（方法）对象5.2.2 Array：数组对象5.2.3 Boolean5.2.4 Date ： 日期对象5.2.5 数学...
饮冰三年-人工智能-Python-46 Python之 初识ECMAScript6【代码】【图】
一、ECMAScript与JavaScript 的关系 前者是后者的规格，后者是前者的一种实现。在日常场合，这两个词是可以互换的。 二、let和const命令 1、let与varvar:变量提升 与 let:块级作用域 <script>console.log(a) //输出结果： undefinedconsole.log(b) //直接报错： Uncaught ReferenceError: Cannot access b before initializationvar a = "Hello,World";let b ="Hello,ECMA6" </script>var变量提升 <script>{var a = "Hello,W...
javascript-hasOwnProperty和ECMAScript 5严格模式
我很好奇：有人知道为什么ECMAScript5规范没有在严格模式下加强预定义对象原型的属性吗？例如,似乎没有有关hasOwnProperty定义方式的信息.我尝试重新定义它(并在FF4 beta中测试了代码),因此我得以解决.如果我没有做错任何事情,那么这意味着任何人仍然可以重新定义Object.prototype.hasOwnProperty属性,并真正将依赖于该属性的所有代码用于工作属性… 对此有何想法？ 编辑：我在浏览规范时的更多信息… 正如我在下面的评论中所述,由...
javascript-独立SVG中的动画(带有ecmascript(和jQuery ？！))
我使用inkscape创建了SVG,现在我想根据逻辑向其中添加一些动画. 我非常了解JavaScript,并且具有jQuery的基本经验.所以我以为我也可以用jQuery制作SVG动画. Google发现了无数有关如何使用XHTML中嵌入的嵌入式SVG的教程,但我有一个独立的SVG,Firefox抱怨Error: b.style is undefined Source File: […]jquery.js Line: 16有没有办法让jQuery工作？或者,您是否可以推荐另一个我可以使用的实现目标的JavaScript库？解决方法:我建议尝试...
javascript-使用Class声明原型默认值的ecmascript 6语法【代码】
使用javascript创建类时,可以通过访问函数的原型来设置默认值.function Foo() {}Foo.prototype.get = function() {return this._value;}Foo.prototype._value = 'foo value';var foo = new Foo();console.log(foo.get()); // logs "foo value"如何使用ecmascript 6类达到类似的效果？// this doesn't workclass Bar {get() {return this._value;}// how to declare following default value properly?_value: "bar value"}var bar ...
用Javascript / ECMAScript 6等待多个承诺【代码】
我想启动一个Promise列表,然后在所有这些都完成后执行回调(无需异步/等待).解决方法:我刚刚想通了.只需使用Promise.all：function x(timeout) {return new Promise((resolve, reject) => {setTimeout(function() {resolve(timeout + ' done!');}, timeout);}); }(function() {Promise.all([x(300),x(200),x(100),]).then(([x300, x200, x100]) => {console.log(x100);console.log(x200);console.log(x300);}); })();
如何在JavaCC中实现JavaScript / ECMAScript“此处没有LineTerminator”规则？【代码】
我继续为ECMAScript 5.1的JavaCC grammar进行工作.实际上进展顺利,我想我现在已经涵盖了大多数表达式. 我现在有两个问题,它们都与自动分号插入有关(第7.9.1节).这就是其中之一. 该规范定义了以下产品：PostfixExpression :LeftHandSideExpressionLeftHandSideExpression [no LineTerminator here] ++LeftHandSideExpression [no LineTerminator here] --如何实现可靠的“此处没有LineTerminator”检查？ 为了记录,我的LINE_TERMINA...
javascript-将ECMAScript 6的arrow函数转换为常规函数【代码】
这个问题已经在这里有了答案： > ” (an arrow formed from equals & greater than) in JavaScript?' rel='nofollow' target='_blank'>What’s the meaning of “=>” (an arrow formed from equals & greater than) in JavaScript? 12个我有以下箭头功能 if(rowCheckStatuses.reduce((a,b)=> a b,0)){} rowCheckStatuses是一个1和0的数组,此箭头函数将它们全部加起来以...
javascript-在ECMAScript中,某些本地对象也是如何内置的？【代码】
我想需要一个本地对象和内置对象的定义才能回答这个问题. ECMAScript规范将这些定义为：4.3.6 native object object in an ECMAScript implementation, independent of the host environment, that is present at the start ofthe execution of an ECMAScript program. NOTE Standard native built-in objects are defined in thisspecification. Some native objects are built-in; others may beconstructed during the course...
javascript – EcmaScript-6向后兼容性【代码】
我很想知道/弄清楚ECMAScript-6的新变化是否适用于旧的浏览器. 我为什么问这个问题是： 我记得’use strict’的介绍;在ECMAScript-5中,它意味着与旧版本的兼容性. 这意味着旧浏览器将继续正常工作,当他们遇到’use strict’时,他们会忽略它;解析新JavaScript代码时的语句. 而新的JS引擎将把声明称为“严格使用”;以一些特殊的方式详细说明这里Strict mode. 所以,提出问题 我非常怀疑并且好奇地知道ECMAScript-5兼容的浏览器在解析E...