JavaScript组成—— DOM、BOM、ECMAScript
ECMAScript是JS的核心：提供核心语言功能DOM（文档对象模型）：提供访问和操作网页内容的方法和接口BOM（浏览器对象模型）：提供与浏览器交互的方法和接口1. DOM（文档对象模型）1.1 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML...
ECMAScript 6 入门学习笔记（持续更新）
1.let命令（作用同var）ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块...
简单理解ECMAScript2015中的箭头函数新特性
箭头函数（Arrow functions）,是ECMAScript2015中新加的特性，它的产生，主要有以下两个原因：一是使得函数表达式（匿名函数）有更简洁的语法，二是它拥有词法作用域的this值，也就是说它跟父作用域共享this，不会新产生自己作用域下的this, arguments, super...
ECMAScript 6学习笔记（二）：let和块级作用域
同步发布于：https://mingjiezhang.github.io/(转载请说明此出处)。ES6中加入了let，也让JavaScript拥有了块级作用域。没有块级作用域的JavaScript在ES5及其之前的版本里，作用域只有全局作用域和函数作用域两种，而不像其他许多语言一样还拥有块级作用域。...
ECMAScript 6学习笔记（一）：展开运算符
同步发布于：http://mjzhang.cn/(转载请说明此出处)。JavaScript是ECMAScript的实现和扩展，ES6标准的制定也为JavaScript加入了许多新特性。本文主要记录展开运算符。展开运算符（spread operator）允许一个表达式在某处展开。展开运算符在多个参数（...
ECMAScript5 Object的新属性方法
虽然说现在并不是所有的浏览器都已经支持ECMAScript5的新特性，但相比于ECMAScript4而言ECMAScript5被广大浏览器厂商广泛接受，目前主流的浏览器中只有低版本的IE不支持，其它都或多或少的支持了ECMAScript5的新特性，其中重中之重自然是一切对象的基类型——ObjectO...
[转]ECMAScript5 Object的新属性方法
虽然说现在并不是所有的浏览器都已经支持ECMAScript5的新特性，但相比于ECMAScript4而言ECMAScript5被广大浏览器厂商广泛接受，目前主流的浏览器中只有低版本的IE不支持，其它都或多或少的支持了ECMAScript5的新特性，其中重中之重自然是一切对象的基类型——ObjectO...
解读闭包，这次从ECMAScript词法环境，执行上下文说起
对于x年经验的前端仔来说，项目也做了好些个了，各个场景也接触过一些。但是假设真的要跟面试官敞开来撕原理，还是有点慌的。看到很多大神都在手撕各种框架原理还是有点羡慕他们的技术实力，羡慕不如行动，先踏踏实实啃基础。嗯...今天来聊聊闭包！讲闭包的文章可能大家都看了几十篇了吧，而且也能发现，一些文章（我没...
ECMAScript 5 新特性
Strict模式开启strict：在文件头部，或者在一个function头部内，添加‘use strict’或者“use strict”。Strict模式的限制，以及违反时出现的异常：新定制了未来可能会使用的一些保留字段 "implements", "interface", "let", "pack...
ECMAScript 6 入门 个人笔记（一）
首先声明，这个笔记是我看阮一峰前辈的《ECMAScript 6 入门》后自己做的笔记，事实上这甚至不能说是笔记，只能说是摘要，完全是自己日后复习用的。我习惯于做电子版的笔记，所以顺手发上来，或许对其他人有用。 let和const命令 let命令 ES6新增了 let命令，用来声明变量。它的...
js之ECMAscript
1.基本数据类型和一些运算 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <...
ECMAScript6标准新增加的内容
首选呐，你得了解一下javascript和ECMAScript的关系：编程语言JavaScript是ECMAScript的实现和扩展，由ECMA（一个类似W3C的标准组织）参与进行标准化。ECMAScript定义了：语言语法——语法解析规则、关键字、语句、声明、运算符等。类型——布尔型、数字、字符串...
摘录ECMAScript官方文档中重要的两段话
Every object created by a constructor has an implicit reference (called the object’s prototype) to the value of itsconstructor’s "prototype" property....
匈牙利标记法定义ECMAScript变量前缀
匈牙利标记法定义ECMAScript变量前缀类型前缀示例数组aaArray布尔型bbMale浮点型（数字） ffTax函数fnfnSwap整型（数字）iiAge对象ooCar正则表达式rerePattern字符串ssUniversity变型（可以是任意类型） vvSuper...
ECMAScript如何实现函数重载
重载函数的定义：在相同的声明域中，如有多个函数名相同的，而参数表不同的（参数类型不同或参数个数不同），返回值类型可以相同也可以不同的函数，称之为重载函数。函数的参数表是区别重载函数的唯一标识，而非函数的返回值。重载函数常用来实现功能类似而所处理的数据类型不同的问题。 ...
ECMAScript 6 入门教程—Symbol
作者 | 阮一峰1、概述ES5 的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin 模式），新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。这就是 ...
ECMAScript 6 入门教程—Module 的语法
作者 | 阮一峰概述历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的require、Python 的import，甚至就连 CSS 都有@import，但是 JavaScript ...
ECMAScript 6 入门教程—Set 和 Map 数据结构
作者 | 阮一峰1、Set基本用法ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.ad...
ECMAScript 6 入门教程—Class 的基本语法
作者 | 阮一峰1、简介类的由来JavaScript 语言中，生成实例对象的传统方法是通过构造函数。下面是一个例子。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { r...
有了 indexOf，为什么 ECMAScript 7 还添加了 Array.prototype.include
ECMAScript 7 中新增了用于检测数组中是否包含某个元素 Array.prototype.includes() API，想到了 Array 其实有很多相关 API 可以检测到是否包含某个元素，比如 Array.prototype.indexOf，于是好奇为什么要实现这样一个 "看起来功能有点...