15天前端学习-第十天（个人记录）

本文链接：https://blog.csdn.net/m0_48338638/article/details/106726600

JS
对象的属性可以通过变量访问,比如获取用户输入的值,通过这个值来访问。

let user = {
        name:"john",
        age:18,
    }
    let key = prompt("输入你想访问的值","name");
    alert(user[key]);

对象的计算属性:通过变量设置属性。

 let a = prompt("输入你要买的物品","apple");
    let j = {
        [a]: 5, //将变量a的值作为属性名 也可以使用+运算符 [a + 'a']: 5, a = applea
    }
    alert(j.apple);

检测属性是否存在可以用 in 用法: “属性名” in 对象名如(“apple” in j)
可以使用for(…in…)来遍历对象如:for(键 in 对象名){…} 通过键作为索引来寻找属性。
对象属性的排列,非整数按创建顺序,整数则由小到大,但在整数前添加一个+号("+10")就可以避免由小到大排序。

通过Object.assign可以完成对象的简单克隆,用法Object.assign(克隆对象,被克隆对象1,2,3…)
使用该方法当属性名同名时,属性将被覆盖。
当对象里还有对象时,这个方法可能就不适用,因为会把对象里的子对象的引用给复制了。

Symbol类型,创建:let 变量名 = symbol(参数(用于描述该变量)); Symbol是唯一值,也不可以通过in找到。
如果要给对象创建Symbol类型的属性,需要在外面先创建Symbol的变量,再通过中括号[]在对象里创建。
赋值和取值也是使用中括号。
全局symbol: Symbol.for(key),根据描述找到Symbol。如果想要同名Symbol相等就需要使用该方法。
symbol.keyfor(变量名)反向获取,通过变量名获取描述值。非全局无法获取。

this值可以自动计算出需要的值,其值取决于上下文。

let user = {
    name: 'john',
    age: 18,
};
let admin = {
    name: 'john',
    age: 18,
};
function sayhi(){
    console.log(this.name+"hi");//输出调用他的对象属性中的name。
}
user.f = sayhi;
admin.f = sayhi;
user.f();
admin.f();