//es5let Animal = function(type){ this.type = type}Animal.prototype.eat = function (){ console.log(‘eat food‘)}let dog = new Animal(‘dog‘)let monkey = new Animal(‘monkey‘)monkey.constructor.prototype.eat = function (){ console.log(‘eating‘)}dog.eat()monkey.eat()//es6class Animal{ constructor(type){ this.type = type } eat(){ console.log(‘eating‘) }}let dog = new A...
1. 字符的Unicode表示法JavaScript允许采用 \uxxxx 形式表示一个字符,其中 xxxx 表示字符的 Unicode 码点。"\u0061" // 表示小写字母"a"但是这种表示法只限于码点在 \u0000-\uFFFF 之间的字符,有些字符的 Unicode 编码超出了这个范围,那么就必须使用2个双字节的形式表示。"\uD842\uDFB7" // "??" 注意不是吉祥的"吉"
"\u5409" // "吉" 这个才是吉祥的"吉"在 ES5 中如果在 \u 后面超过 oxFFFF 的数值,如 "\u0061我" 输出结果为 ...
你知道 ES6~ES12等叫法是怎么来的吗?前言作为一名前端开发,学习 JavaScript 自是天经地义的事,但是,JavaScript 的发展历史是怎样的,恐怕有相当一部分人都不太了解。我们常常听别人说并且自己也会说 ES6、ES7……ES12,那么,这些叫法到底是怎么来的?今天,我们就来总结一下这些有关 JavaScript 的发展历程。通过阅读本文,你将了解以下知识:ECMA 是什么ECMAScript 是什么JavaScript 的由来ES5 ~ ES12 的意义关于 ECMAECMA 全...
直接上代码{let JSONData = {title:‘abc‘,test:[{nums:5,name:‘jobs‘},{nums:11,name:‘bill‘}]}let {title:estitle,test:[num,names]} = JSONData;console.log(estitle,num,names);
}//得到abc { nums: 5, name: ‘jobs‘ } { nums: 11, name: ‘bill‘ }解构赋值还可以用在交换变量值上 let a=1;let b = 2;[a,b] = [b,a];
==》b=1,a=2;还可以用在接受参数上当只想接收某些返回值的时候例:function f(){return [1,3,5,7];}...
this指向 this 是javascript的一个关键字它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用随着函数使用场合的不同,this的值会发生变化但是有一个总的原则,那就是this指的是函数的调用对象或事件的调用对象注意:找不到调用对象时this指向window对象 改变匿名函数的this指向:function (){}.bind(函数体内this指向的对象)var obj = {name: ‘隔壁王叔叔‘,age: 33};setTimeout(function (){ console.log(this);}...
1.Array.from(): 将伪数组对象和遍历的对象转为真数组 如果一个对象的键都是正整数或者0,并且有 Length属性,那么这个对象很想数组,称它为伪数组。 伪数组: let obj = {0: 0,1: ‘1‘,2: ‘2‘,‘length‘: 3}obj.length = 3;let arr = Array.from(obj) // 将伪数组转换为数组console.log(arr) // [0,1,2] (1)对象中没有length属性的话, Array.from() 返回一个 [] (2)如果对象中的剪不是正整数的或0 ...
当我们打算使用Webpack构建工具,React和ES6来开发项目的时候,构建这么一套自动化的项目的流程见下: 第一步:webpack是一个基于node的项目,我们使用命令行对webpack进行全局的安装npm install webpack –g。可以通过webpack –h来查看安装的版本信息。然后我们新建一个文件夹用来存放整个项目文件。为了可以在项目中使用webpack,我们需要将webpack安装到当前的项目依赖中,在新建的文件夹下输入:npm init(安装webpack依赖,...
1 安装已安装npm前提下,先全局后在使用的文件夹下安装局部,npm init 初始化package.jsonnpm install webpack --save-dev2 测试 运行后生成b.js运行除了直接webpack命令,还可以修改package.json里面,在scripts里添加 "start":"webpack",然后npm start就可以了,npm run start一样,跟vue-cli全家桶的npm run dev一样的报错详细,可以用webpack --display-error-details3 配置webpack.config.js更详细参见:http://webp...
声明变量的方式: var let const let 和 var的区别 var定义的变量是全局的会覆盖全局的定义 var i = 6;
for(var i = 0;i<5;i++){console.log(i)
}
01 234
undefined
i
5 这个时候已经覆盖了全局的变量 let定义的变量是局部的变量 let i = 6;
for(let i = 0;i<5;i++){console.log(i)
} 报错
VM144:1 Uncaught SyntaxError: Identifier ‘i‘ has already been declaredat <anonymous>:1:1
(anonymous) @ VM144:1...
模块化ES6的模块化的基本规则或特点:1:每一个模块只加载一次, 每一个JS只执行一次, 如果下次再去加载同目录下同文件,直接从内存中读取。 一个模块就是一个单例,或者说就是一个对象;2:每一个模块内声明的变量都是局部变量, 不会污染全局作用域;3:模块内部的变量或者函数可以通过export导出;4:一个模块可以导入别的模块 一、导入和导出1.导出导入:结果:2.只取需要的结果:3.导出数目太多时(无需一一对应)* 代表全部...
目录类的特点类的特点1.类只能通过new得到在es6中类的使用只能是通过new,如果你将它作为一个函数执行,将会报错。//es6的写法
class Child {constructor() {this.name = 1;}
}
let child = new Child();
console.log(child.name)//1
//如果直接方法调用的形式,会报错
let child = Child();//Class constructor Child cannot be invoked without ‘new‘es5中的class其实就是一个方法,没有关键字class//es5中类的写法,...
es7语法比较少,只占了一点点
ES 6 新特性一览:https://frankfang.github.io/es-6-tutorials/
我用了两个月的时间才理解 let
https://zhuanlan.zhihu.com/p/28140450原文:https://www.cnblogs.com/wangjunwei/p/11546269.html
分模块引入,回调地狱,this 指向不明 es6优势Promise 是异步编程的一种解决方案 容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息 (1)对象的状态不受外界影响 (2)一旦状态改变,就不会再变,任何时候都可以得到这个结果(此有点即缺点,无法中途取消) var promise = new Promise(function(resolve, reject) { // ... some code if (/* 异...
1.数组去重2.字符串去重属性:Set.prototype.size:返回Set实例的成员总数。Set 实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员)。下面先介绍四个操作方法。add(value):添加某个值,返回 Set 结构本身。delete(value):删除某个值,返回一个布尔值,表示删除是否成功。has(value):返回一个布尔值,表示该值是否为Set的成员。clear():清除所有成员,没有返回值。 遍历操作Set 结构的实例有四个遍历方...
所谓正则表达式,又称规则表达式。(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。在之前使用基于Jquery库开发项目的时候,用的正则表达式最多的就是一些输入框的检验,比如检验电话号码或者邮箱的格式是否合适等。 在ES5中,RegExp构造函数的参数有两种情况: 一、参数是字符串,这是第二个参数标识正则表达式的修...