js语法解析

2021-12-21 21:33:00 阅读：150 来源： 互联网

传统面向对象多态

例如：

//1>必须有继承（是多态的前提）
//2>必须有重写(子类重写父类的方法)
//3>必须有父类引用指向子类对象
class Shape{
　　getArea(){}
}

class Reactangle extends Shape{
　　getArea(){
　　　　return 100
　　}
}

class Circle extends Shape{
　　getArea(){
　　　　return 200
　　}
}

var r = new Rectangle()
var c = new Circle()
//多态：当不同的数据类型执行同一个操作时，如果表现出来的行为（形态）不一样，那么就是多态的体现。
function calcArea(shape:Shape){
 console.log(shape.getArea())
}
calcArea(r)
calcArea(c)

js面向对象多态

js字面量增强写法

var name = "why"
var age = 18
var obj = {
//如果key和value一样就可以这样简写
// 属性的简写
    name,
    age,

    foo:function(){

    },
    //method 方法的简写
    bar(){

    },
    //computed 计算属性名
    [name + 123]:'heheh'
}

js解构

1.数组的解构

var names = ['abc','cba','nba']
// var item1 = names[0]
// var item2 = names[1]
// var item3 = names[2]

//数组的解构：[]
var [item1,item2,item3] = names;

console.log(item1,item2,item3);

//解构后面的元素
var [ ,item2,item3] = names

//解构出一个元素，后面的元素放到一个新的数组中
var [itema,...newNames] = names

//解构的默认值
var [itema,itemb,itemc,itemd = 'aaa'] = names

2.对象的解构

var obj = {
    name:'why',
    age:18,
    height:1.88
}
//对象的解构：{}
var {name,age,height} = obj

function add({name,age}){
    //将对象传入函数，直接解构出来
    console.log(name,age);
}
add(obj)

标签：name,age,多态,js,解构,语法,names,var,解析
来源： https://www.cnblogs.com/lpx520/p/15717270.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

js语法解析