开发个人网站时,为何需要php和小程序?
摘要:个人网站要有什么,php网站开发小程序,最有效的网站推广方案,wordpress简称一、属性的简写 ES6中,当对象键名与对应值名相等的时候,可以进行简写 const baz{
个人网站要有什么,php网站开发小程序,最有效的网站推广方案,wordpress简称一、属性的简写
ES6中#xff0c;当对象键名与对应值名相等的时候#xff0c;可以进行简写
const baz {foo:foo}// 等同于
const baz {foo}
方法也能够进行简写
const o {method() {return Hello!;}
};// 等同于const o {method: function() {return 当对象键名与对应值名相等的时候可以进行简写
const baz {foo:foo}// 等同于
const baz {foo}
方法也能够进行简写
const o {method() {return Hello!;}
};// 等同于const o {method: function() {return Hello!;}
}
在函数内作为返回值也会变得方便很多
function getPoint() {const x 1;const y 10;return {x, y};
}getPoint()
// {x:1, y:10}
注意简写的对象方法不能用作构造函数否则会报错
const obj {f() {this.foo bar;}
};new obj.f() // 报错
二、属性名表达式
ES6 允许字面量定义对象时将表达式放在括号内
let lastWord last word;const a {first word: hello,[lastWord]: world
};a[first word] // hello
a[lastWord] // world
a[last word] // world
表达式还可以用于定义方法名
let obj {[h ello]() {return hi;}
};obj.hello() // hi
注意属性名表达式与简洁表示法不能同时使用会报错
// 报错
const foo bar;
const bar abc;
const baz { [foo] };// 正确
const foo bar;
const baz { [foo]: abc};
注意属性名表达式如果是一个对象默认情况下会自动将对象转为字符串[object Object]
const keyA {a: 1};
const keyB {b: 2};const myObject {[keyA]: valueA,[keyB]: valueB
};myObject // Object {[object Object]: valueB}
三、super关键字
this关键字总是指向函数所在的当前对象ES6 又新增了另一个类似的关键字super指向当前对象的原型对象
const proto {foo: hello
};const obj {foo: world,find() {return super.foo;}
};Object.setPrototypeOf(obj, proto); // 为obj设置原型对象
obj.find() // hello
四、扩展运算符的应用
在解构赋值中未被读取的可遍历的属性分配到指定的对象上面
let { x, y, ...z } { x: 1, y: 2, a: 3, b: 4 };
x // 1
y // 2
z // { a: 3, b: 4 }
注意解构赋值必须是最后一个参数否则会报错
解构赋值是浅拷贝
let obj { a: { b: 1 } };
let { ...x } obj;
obj.a.b 2; // 修改obj里面a属性中键值
x.a.b // 2影响到了结构出来x的值
对象的扩展运算符等同于使用Object.assign()方法
五、属性的遍历
ES6 一共有 5 种方法可以遍历对象的属性。
