属性和方法的简洁表示法

1.属性和方法的简洁表示法

1.1对象字面量是什么

//实例化构造函数
const person = new Object();
person.age = 18;
person.speak = function (){};
//对象字面量
const person = {
    age:18,
    speak:function(){
        
    }
}

1.2属性的简洁表示法

键名和变量或常量名一样的时候,可以只写一个

const age = 18;
const person = {
     age    //	age:age
}

1.3方法的简洁表示法

方法可以省略冒号和函数关键字

const person = {
	  speak(){} // speak:function(){}
};
console.log(person); //{speak: f}

2.方括号语法

2.1方括号语法的用法

const prop = 'age';
const person = {};
person[prop] = 18;
console.log(person); // {age:18}

//方括号语法可以写在对象字面量中
const person = {
    [prop] : 18
}


2.2方括号中可以放什么

[值或者通过计算可以得到值的(表达式)]
const prop='age';
const func = () =>'age';
const person = {
    [prop]:18,
    [func()]:18,
    ['sex']:'male',
    ['s' + 'ex']:'male'
}
console.log(person);// {age:18}

2.3方括号语法和点语法的区别

点语法是方括号语法的特殊形式

const person = {};
// person.age 等价于 person['age']
属性名由数字、字母、下划线以及$构成,并且数字不能打头的时候可以使用点语法

3.函数的参数默认值是什么

3.1认识函数参数的默认值

调用函数的时候传参了,就用传递的参数,如果没有传参,就用默认值

3.2函数参数默认值的基本用法

const multiply = (x,y)=>{
	if(typeof y === 'undefined'){
        y=1;
    }
    return x * y;
}


//es6 
const multiply =(x,y=1) => x * y;

posted @ 2021-06-01 21:39  平平无奇小乐一  阅读(143)  评论(0编辑  收藏  举报