ES6面向对象

最新推荐文章于 2023-06-03 20:31:49 发布

Miketutu

最新推荐文章于 2023-06-03 20:31:49 发布

阅读量141

点赞数 1

文章标签： es6 javascript html

本文链接：https://blog.csdn.net/Miketutu/article/details/127852264

版权

1、编写一个动物类(Animal)，该类包含name的属性，和say的方法。通过say方法可以打印动物说话了。编写一个Dog类继承动物类，要求该类中包含颜色的属性，该类重写say方法，要求打印父类的say方法里的内容，并且打印动物颜色+动物名字+“叫了”。


<body>
    <script>
        class Animal{
            constructor(name){
                this.name = name
            }
            say(){
                
            }
        }
        class Dog extends Animal{
            constructor(name,color){
                super(name)
                super.say()
                this.color = color
            }
            say(){
                console.log(`${this.color}颜色的${this.name}叫了`)
            }
        }
        let animal = new Dog('老虎','黄色')
        animal.say()
    </script>
</body>

2.设计一个名为Location的类，定位二维数组中的最大值及其位置。这个类包括属性row(行下标)、column(列下标)和maxValue(最大值)。编写下面的函数，返回一个

Location的对象(对象中包含了二维数组的最大值、最大值的行下标和列下标)：

        locateLargest（arr）

<script>
        class Location{
            constructor(){
            }
            

        }
        class LocationLargest extends Location{
            constructor(){            
                super()
            }
            array(arr){
               this.maxValue =0;
                //  this.maxValue = this.arr[0][0]
                for(let i=0;i<arr.length;i++){
                    for(let j = 0;j<arr[i].length;j++){
                        if(this.maxValue<arr[i][j]){
                            this.row = i 
                            this.column = j
                          this.maxValue = arr[this.row][this.column]
                        }
                    }
                } 
                console.log('该数组的最大值是'+this.maxValue,'最大值的行下标是',this.row+1,'最大值的列下标',this.column+1)
            }
            
        }
        let newArr = new Array([1,2,3,4],[5,6,7,9,8],[12,65,78,98])
        let arr_1 = new LocationLargest()
        
        console.log(arr_1.array(newArr))

        //方法二；
        class Location{
            constructor(row,column,maxValue){
                this._row = row;
                this._column = column
                this._maxValue = maxValue

            }
            get row (){
                return this._row
            }
            set row(val){
                this._row = val

            }
            get column (){
                return this._column
            }
            set column(val){
                this._column = val

            }
            get maxValue (){
                return this._maxValue
            }
            set maxValue(val){
                this._maxValue = maxVal

            }
        }
        function LocationLargest(arr){
            let max_lacate = new Location(0,0,arr[0][0])
            for(let i = 0;i<arr.length;i++){
                for(let j=0;j<arr[i].length;j++){
                    if(max_lacate.maxVal<arr[i][j]){
                        max_lacate.maxVal = arr[i][j]
                        max_lacate.row = 1
                        max_lacate.column = j
                    }
                }
            }
            // 3.返回Location类的对象
        return max_lacate
        }
        let arr = [[35,45,23,66],[78,89,95,102],[55,66,102,98]]
        let located = LocationLargest(arr)
    </script>

3、设计一个公共汽车类Bus，有速度(speed)和人数(count)两个属性，有加速(speedUp)、减速(slowDown)、上人(goUp)、下人(goDown)，停车(stop)、启动(start)等方法。创建一个对象，车上有35人，开始发车，中间下了13人，又上了25人，请问到站还有多少人用程序实现。

<script>
        class Bus{
            constructor(){
                
            }
            speedUp(){
                console.log('公交车正在加速')
            }
            speedDown(){
                console.log('公交车正在减速')
            }
            stop(){
                console.log('公交车停车')
            }
            start(){
                console.log('公交车启动')
            }
        }
        class currentPeople extends Bus{
            constructor(speed,count,num,num1){
                super()
                this.speed = speed;
                this.count = count;
                this.num = num
                this.num1 = num1
            }
            goUp(){
                return this.count+this.num
            }
            goDown(){
                return this.num1
            }
            show(){
                console.log('公交车目前有'+(this.goUp()-this.goDown()),'公交车车速为'+this.speed)
            }
        }
        let c1 = new currentPeople(100,35,15,13)
        c1.show()
        c1.goDown()
        c1.goUp()
    </script>

4、定义图形类(Shape)，有length和 height属性，方法是area()用于求面积。定义两个子类分别是长方形(Rect)和三角形(Triangle),求它们的面积并输出。

<script>
        class Shape{
            constructor(length,height){
                this.length = length;
                this.height = height;

            }
        }
        class Rect extends Shape{
            constructor(length,height){
                super(length,height)
            }
            area(){
              return  this.length*this.height
            }
            show(){
                console.log('长方形的面积',this.area())
            }
        }
        class Triangle extends Shape{
            constructor(length,height){
                super(length,height)
            }
            area(){
              return  (this.length*this.height)*1/2
            }
            show(){
                console.log('三角形的面积',this.area())
            }
        }
        // 方法一
        // let c1 = new Rect(10,20)
        // c1.show()
        // c1.area()
        // let c2 = new Triangle(10,20)
        // c2.show()
        // c2.area()

        // 方法二
        function mianJi (shape){
            shape.show()
        } 

        let s1 = new Shape() //s1是基类的对象

        s1 = new Rect(10,20)
        mianJi(s1)

        s1 =new Triangle(10,20)
        mianJi(s1)
    </script>