ES6中对象的扩展】的更多相关文章

ES6不仅为字符串.数值和数组带来了扩展,也为对象带来了很多新特性.这一节,我们来一起学习一下对象的扩展. 对象的传统表示法 我们回顾一下,对象的传统表示法: let person = { "name":"张三", "say":function(){ alert("你好吗?"); } } 上面的案例很简单,变量person就是一个对象,对象含有name属性和一个say方法.表示法是用键值对的形式来表示,这就是传统的表示法. E…
1.Object.is() es5比较两个值是否相等,只有两个运算符,相等(==) 和 严格相等(===),他们都有缺点,前者会自动转换数据类型,后者的NaN不等于自身,以及+0 等于 -0.es6提出了Object.is()方法,它用来比较两个值是否相等,与严格运算符(===)的行为基本一致 Object.is('foo', 'foo')  //false  Object.is({} , {}) //false 不同之处只有两个, Object.is(+0, -0) // true  Obje…
1.对象类别 普通对象:具有JavaScript对象的所有默认内部行为 特异对象: 具有某些与默认行为不符的内部行为 标准对象: ECMAScript 6 规范中新定义的对象,例如Array,Date等,既可以是普通对象,也可以是特异对象 内建对象: 脚本开始执行时存在于JavaScript执行环境中的对象,所有标准对象都是内建对象 2.对象字面量语法扩展 (1)属性初始化的简写 上述函数返回了一个对象,有name和age属性,但是age和name分别写了两遍 ES6 中,使用属性初始化的简写语…
一.设置默认参数 ES6之前,给函数设置默认参数是这样做的: function fn(a) { if(typeof y === undefined){ a = a || 'hello'; } console.log(a); } fn('hi'); // 'hi' fn(false); // false 这里之所以要判断一下,是因为我们本意是函数没有传值时才给参数 a 设置为 'hello',但是如果调用函数时传入了布尔值 false,也会把参数 a 设置为 'hello'. 在 ES6 中允许为…
一.查找字符串 在ES5中,可以使用 indexOf 方法和 lastIndexOf 方法查找字符串: let str = 'hello world'; alert(str.indexOf('o')); alert(str.lastIndexOf('o')); alert(str.lastIndexOf('z')); // -1 ES6中,又新增了3个方法用于特定字符的查找. 1.includes() 该方法传入一个字符串参数,然后返回一个布尔值,表示是否在指定字符串中找到了该字符串片段. le…
ES6允许把声明的变量直接赋值给对象,我们看下面的例子. let name="Zachary"; let skill= 'web'; let obj= {name,skill}; console.log(obj); 对象Key值构建 有时候我们会在后台取出key值,而不是我们前台定义好的,这时候我们如何构建我们的key值那.比如我们在后台取了一个key值,然后可以用[ ] 的形式,进行对象的构建. let key='skill'; var obj={ [key]:'web' } con…
属性的简洁表示法 ES6 允许在大括号里面直接写入变量和函数,作为对象的属性和方法.这样的书写更加简洁. const foo = 'bar'; const baz = { foo }; console.log(baz); // { foo: 'bar' } function f(name, age) { return { name, age }; } // 等同于 // function f(name, age) { // return { // name: name, // age: age…
对于对象,我一直搞不清楚到底是该如何去继承,如何去书写.在熟练es6之后,终于会尝试写出来了. 代码如下: //我们假定父类为person,子类为man class person{ constructor(name,age){ this.name=name; this.age=age }, say(){ return console.log(this.name+this.age); } } class man extends person{ constructor(name,age , sexy…
1.函数可以设置参数默认值 function test1(x,y=1){ console.log(x,y) } test1(10)//10 1 2.rest参数:形式为...变量名 function test2(a,...b){ for(let i of b){ a+=i } console.log(a) } // 说明传入的参数是一个一个的传入,而不是数组形式 test2(100,1,2,3) test2(100,[1,2,3,4])//1001,2,3,4 注意:如果有rest参数,那么它一…
变量的赋值 key值得构建 对象的严格检测 对象的合并 1.变量的赋值: let name='宋宇',age='17岁': let obj={name,age} //快速的将变量引入到对象中去. 2.key值得构建 let key='skill'; let obj1={ [key]:"web"//key值构建,当我们不知道后台给我们什么key值得时候,用处不大.. }; console.log(obj1); 3.对象的严格检测 let obj2={ name:'websong' };…