ES6 JS里的对象

 JS里的对象

对象的创建

{ // 1.字面量方式 let obj = { name:"JackAfan", age:"20", hobby(){ console.log("喜欢篮球") } }}{ // 2.构造函数 let obj = new Object(); obj.name = "张三"; obj.age = 20; obj.hobby = function(){ console.log("喜欢篮球"); } console.log(obj);}{ // 3.Object.create(); // 把创建对象的属性和方法放到了 原型 下面 let obj = Object.create({ name:"李四", age:18, hobby(){ console.log("喜欢美女~"); } }); console.log(obj);}

对象的调用与定义

{ let obj = { name:"JackAfan", age:"20", hobby(){ console.log("喜欢篮球") } }; console.log(obj.name);//属性 obj.hobby();//方法 console.log(obj[‘name‘]);//通过下标找到属性 -> [] // [] 和 . 属性的区别,涉及到变量的时候可以使用[]; let str = ‘name‘; console.log(obj.str);//undefined console.log(obj[str]);//JackAfan :把变量解析为name 需要注意[]中是不需要加引号的! // 下标是变量 let str2 = ‘name‘; let obj2 = { [str2]:"JackAfan", age:"20", hobby(){ console.log("喜欢篮球") } }; console.log(obj2.name);}

 

相关文章