简介表示法(直接写入变量和函数,作为对象的属性和方法) let x = "test" let obj={ x, //属性名为变量名,属性值为变量值 y(){console.log("hello")} } //以上相当于 let obj = { x:'test', y:function(){ console.log("hello") } } 属性名表达式(表达式作为对象的属性名,把表达式放在方括号内.) let aa = "hello&q…

对象对于JavaScript至关重要,在ES6中对象又加了很多新特性. 对象字面量:属性的简洁表示法 ES6允许对象的属性直接写变量,这时候属性名是变量名,属性值是变量值. let attr1 = "ES6"; let attr2 = 'testDemo'; let testObj = {attr1, attr2}; // console.log(testObj); // Object {attr1: "ES6", attr2: "testDemo&quo…

ES5对象(超类)原有: 属性:construct构造函数 方法: object.hasOwnProperty( propertyName ) //检测是否有一个本地的属性而不是继承的,返回boolen prototypeObject.isPrototypeOf( object ) //检测指示对象是否存在于另一个对象的原型链中,返回boolenpropertyIsEnumerable() //指定属性是否为对象的一部分以及该属性是否是可枚举的,返回boolen var arr = [1, 2]…

扩展运算符(...将数组分割为用逗号分割的参数序列) console.log(...[1,2,3]) //1 2 3 可替换数组的apply写法: function test(x,y,z){ console.log(x,y,z) } var arg = [1,2,3]; test.apply(null,arg) ////1 2 3 test(...arg) //1 2 3 扩展运算符的应用 复制数组 const a = [1, 2]; //复制数组a const b = [...a] //方法1…

函数默认参数 function test(x = 1, y = 2) { return x + y } test(5, 6) test() 若默认参数在必须参数之前,要想取得默认参数,只有当传入的值为undefined才能取到 function test(x = 1, y) { console.log(x,y) } test(5, 6) //5,6 test(1) //3 undefined test(null,1) //null 1 test(undefined,1) //1,1 参数默认值是…

{ //简洁表示法 let o = 1; let k = 2; let es5 = { o:o, k:k }; let es6 = { o,k }; console.log(es5,es6); //1,2;1,2 let es5_method = { hello:function(){ console.log('hello'); //hello } }; let es6_method = { hello(){ console.log('hello'); //hello } }; console.…

二进制和八进制表示法(二进制用前缀0b(或0B)表示,八进制用前缀0o(或0O)表示) Number('0b111') Number('0o10') Number.isFinite()(判断一个值是否有限) Number.isFinite(5) //true Number.isFinite("a") //false Number.isFinite(Infinity) //false Number.isFinite(true) //false Number.isNaN()(判断一个值是否…

RegExp正则函数 var reg = new RegExp("abc","igm"); //等价于 var reg = new RegExp(/abc/igm); //等价于 var reg = /abc/igm; //ES5不允许但ES6允许 var reg = new RegExp(/xyz/igm, 'i'); //等价于 var reg = /abc/i; U修饰符(用来处理码点大于FFFF的字符) /^\uD83D/u.test('\uD83D\uDC…

1.promise含义:可以将promise对象看成是一个容器,它保存着未来才会结束的某个事件(一般是异步操作事件)的结果,各 种异步操作都可以用promise对象来处理promise的特点:(1)promise对象有三个状态:pending(进行中).fulfilled(已成功)和rejected(已失败),只有异步操作的结果,可 以决定当前是哪一种状态,其他操作无法改变当前状态(2)一旦状态值改变,就不会再变了,任何时候都可以得到这个结果.promise对象的状态改变,只有从pending变…

参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ 对象的扩展 1.属性名的简洁表示法 : ES6允许在代码中直接写变量,变量名是属性名,变量值是属性值.  let key = "value";  let obj = {key};//obj {key : "value"}2.方法的简写表示法  let obj = {        method : function(x,y){          return {x…

前言 随着前端工程化的快速推进,在项目中使用ES6甚至更高的ES7等最近特性早已不是什么新鲜事.之前还觉得既然浏览器支持有限,那了解一下能看懂就好,然而仅仅了解还是不够的,现在放眼望去,那些成熟框架的代码示例都已经开始使用ES6编写了,昨天瞥了一眼vue的源码,已经全部使用ES6编写了.随着开发的进行,发现仅仅了解一下已经不能应付一些日常开发了,因为一些新的特性看起来有点吃力了,所以决定重新学习一下日常开发中见得比较多的ES6特性,争取与实际用例相结合,不仅要认识还要会用,以后多多用起来!当然本…

看到这条条目录有没有感觉很枯燥,觉得自己的工作中还用不到它所以实在没有耐心看下去,我也是最近得闲,逼自己静下心来去学习去总结,只有在别人浮躁的时候你能静下心来去学去看去总结,你才能进步.毕竟作为前端不断学习掌握新技术才能跟得上瞬息万变的潮流. 南方地区进入了梅雨季,最近一段时间天气不太好不是下雨就是阴天,湿气比较重.话说还真有点不习惯 别跑题了O(∩_∩)O哈哈~,开始搬砖^O^ JS中的数据类型有:字符串.数字.布尔.数组.对象.Null.Undefined 本篇是:数值的扩展 数值是js数据…

目录 面向过程编程P OP(Process oriented programming) 面向对象编程OOP(Object Oriented Programming) 总结 @ 面向过程编程P OP(Process oriented programming) 面向过程就是分析出解决问题的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了. 优点:性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机就采用的面向过程编程 缺点:没有面向对象易维护.易复用.易扩展. 面向…

ES6 对于数值类型 (Number) 进行了一下扩展: 1.对于二进制和八进制提供了新的写法 ES6对于二进制和八进制的数值提供了新的写法,分别用0b (或者0B) 和0o (或者0o) 表示.例如: 0b111110111 === 503 // true 0o767 === 503 //true 由于从ES5开始,严格模式中,八进制不再允许使用前缀0来表示,因此在ES6中进一步明确,要用0o来表示. 如果要将0b和0o前缀的字符串数值转换为十进制,要使用Number方法, 例如: var i…

前面的话 随着JS应用复杂度的不断增加,开发者在程序中使用对象的数量也在持续增长,因此对象使用效率的提升就变得至关重要.ES6通过多种方式来加强对象的使用,通过简单的语法扩展,提供更多操作对象及与对象交互的方法.本章将详细介绍ES6对象扩展 对象类别 在浏览器这样的执行环境中,对象没有统一的标准,在标准中又使用不同的术语描述对象,ES6规范清晰定义了每一个类别的对象,对象的类别如下 1.普通(Ordinary)对象 具有JS对象所有的默认内部行为 2.特异(Exotic)对象 具有某些与默认行为…

属性的简洁表示法 ES6 允许直接写入变量和函数,作为对象的属性和方法.这样的书写更加简洁. const foo = 'bar'; const baz = {foo}; baz // {foo: "bar"} // 等同于 const baz = {foo: foo}; 上面代码表明,ES6 允许在对象之中,直接写变量.这时,属性名为变量名, 属性值为变量的值.下面是另一个例子. function f(x, y) { return {x, y}; } // 等同于 function f…

转载请注明原文地址:http://www.cnblogs.com/ygj0930/p/7242967.html 一:字符串扩展 1:字符串遍历器 for (let char of str) { // } 这个遍历器最大的优点是可以识别大于0xFFFF的码点,传统的for循环无法识别这样的码点. 2:确定一个字符串是否包含在另一个字符串中 includes():返回布尔值,表示是否找到了参数字符串. startsWith():返回布尔值,表示参数字符串是否在源字符串的头部. endsWith():…

JavaScript:学习笔记(8)——扩展运算符 对象的扩展运算符 扩展运算符是三个点(...).用于取出参数对象的所有可遍历属性,然后拷贝到当前对象之中. 如上图所示,新建了一个对象a,然后通过扩展运算符将其属性x,y一并拷贝到b对象中. 合并两个对象 扩展运算符可以合并两个对象 自定义属性 合并对象时,可以将对象与一些属性进行合并,如下 需要说明的是,如果用户自定义的属性,放在扩展运算符后面,则扩展运算符内部的同名属性会被覆盖掉. 数组的扩展运算符 复制数组 数组是复合的数据类型,如果直接…

一.函数扩展 1.参数默认值 参数有默认值,后面不可以再加没有默认值的变量.如以下test函数中,不可以加写成 function test(x,y="word",z){ } function test(x,y="word"){ console.log("默认值",x,y); } test("lala"); //lala word test("lala","你好啊"); //lala 你好…

1.属性的简洁表示法 const foo = 'bar'; const baz = {foo}; baz // {foo: "bar"} // 等同于 const baz = {foo: foo}; ES6 允许在对象之中,直接写变量.这时,属性名为变量名, 属性值为变量的值. let birth ='2000/01/01'; const Person={ name:'张三', //等同于birth: birth birth, // 等同于hello: function ()... h…

1.二进制和八进制表示法 ES6 提供了二进制和八进制数值的新的写法,分别用前缀0b(或0B)和0o(或0O)表示. 0b111110111 === 503 // true 0o767 === 503 // true 从 ES5 开始,在严格模式之中,八进制就不再允许使用前缀0表示,ES6 进一步明确,要使用前缀0o表示. // 非严格模式 (function(){ console.log(0o11 === 011); })() // true // 严格模式 (function(){ 'use…

对象的扩展运算符(...),用于取出参数对象中的所有可遍历属性,然后拷贝到当前对象之中 对象扩展运算符: 1. 复制对象 let obj1 = { x: 1, y: 2, z: 3 } let obj2 = { ...obj1 } obj2 = { x: 1, y: 2, z: 3 } 2. 合并对象 let obj1 = { x: 1, y: 2, z: 3 } let obj2 = { x: 4, y: 5, z: 6 } let obj3 = { ...obj1, ...obj2 } ob…

引自:http://es6.ruanyifeng.com/#docs/number 二进制和八进制表示法 ES6 提供了二进制和八进制数值的新的写法,分别用前缀0b(或0B)和0o(或0O)表示. 0b111110111 === // true 0o767 === // true 从 ES5 开始,在严格模式之中,八进制就不再允许使用前缀0表示,ES6 进一步明确,要使用前缀0o表示. // 非严格模式 (function(){ console.log(0o11 === ); })() // t…

二进制和八进制数值表示法 ES6提供了二进制和八进制数值的新写法,分别前缀 0b(或0B). 0o(或0O)然后跟上二进制.八进制值即可. 二进制(Binary)表示法新写法:前缀 0b 或 0B. let binary = 0b010101; let binary2 = 0B010111; 八进制(Octal)表示法新写法:前缀 0o 或 0O. let octal = 0o123; let octal2 = 0O1234; 从ES5开始,严格模式下,八进制数值就不再允许用前缀0表示,ES6则…

1.属性的简洁表示法 ES6 允许直接写入变量和函数,作为对象的属性和方法.这样书写更加简洁. const foo = 'bar'; const baz = {foo}; baz //{foo: "bar"} //等同于 const baz = { foo: foo}; baz //{foo: "bar"} 上面代码表明,ES6 允许在对象之中,直接写变量.这时,属性名为变量名,属性值为变量的值.下面是另一个例子. function f(x, y){ return…

前面的话 ES6是JavaScript语言的下一代标准,已经在 2015 年 6 月正式发布.它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言 为什么要学习ES6呢?很多流行的JavaScript开源框架都使用ES6编写,如Vue.js.video.js.d3.js等等.不学习ES6,这些流行的框架将不容易上手:ES6可以大大提高开发效率,同时让语法更加规范化,一定程度上增强了代码安全:更重要的是,ES6是语言级别的升级,而并不是一个库或框架.既然迟…

前段时间复习了面向对象这一部分,其中提到在es6之前,Javasript是没有类的概念的,只从es6之后出现了类的概念和继承.于是乎,花时间学习一下class. 简介 JavaScript 语言中,生成实例对象的传统方法是通过构造函数来创建的. function Person (name,age){ this.name = name; this.age = age; } Person.prototype.say=function(){ // 不能使用箭头函数(我差点忘记),因为 箭头函数没有pr…

1.ES6中的面向对象的类 1.1.定义类 在ES5中,我们写一个类,通常是这么写的 function Person(name,age){ this.name = name; this.age = age; } /** * es5中的模拟面向对象的类的方法 写法1 Person.prototype.showName = function(){ return "名字为:"+this.name; } Person.prototype.showAge = function(){ return…

本文的学习来自技术胖大神的教程:https://jspang.com/ 1扩展运算符和rest运算符 扩展运算符和rest运算符,它们都是…(三个点). 它们有很多相似之处,甚至很多时候不用特意去区分. 它们可以很好的解决参数和对象数组未知情况下的编程,让代码更健壮和简洁. 1.1对象扩展运算符(…) 当编写一个方法时,允许它传入的参数是不确定的.这时候可以使用对象扩展运算符来作参数. 例: function test(...arg){ console.log(arg[0]); console.…

ES6学习笔记(2019.7.29) 目录 ES6学习笔记(2019.7.29) let和const let let 基本用法 let 不存在变量提升 暂时性死区 不允许重复声明 块级作用域 级作用域 ES6的块级作用域 块级作用域与函数声明 const 基本用法 本质 顶层对象 解构赋值 数组的解构 基本用法 默认值 对象的解构 基本用法 默认值 注意点 字符串的解构 数值布尔值的解构 函数参数的解构 圆括号问题 不能使用圆括号的情况 可以使用圆括号的情况 用途 for.for in.for…