vue-案例教程第4章02.html

最新推荐文章于 2024-06-10 22:18:41 发布

虾米大王

最新推荐文章于 2024-06-10 22:18:41 发布

阅读量25

点赞数

分类专栏： Vue 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/modern358/article/details/130155140

版权

Vue 专栏收录该内容

661 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javascript的对象</title>
</head>
<body>
<script>
    let car = new Object();
    car.brand = 'qq';
    car.color = 'black';
    car.move = function () {
        console.log('the car is moving');
    }
    console.log(car.brand);
    console.log(car.color);
    car.move();

    let car2 = new Object();
    car2.brand = 'qq';
    console.log(car2.color); //未定义

    let car3 = {};
    car3.brand = 'qq';
    car3.color = 'black';
    car3.move = function () {
        console.log('the car is move');
    }
    console.log(car3.brand);
    console.log(car3.color);
    car3.move();

    let car4 = function () {
        this.brand = 'qq';
        this.color = 'green';
        this.move = function () {
            console.log('the car is moving');
        }
    }
    let c = new car4();
    console.log(c.brand);
    console.log(c.color);
    c.move();

    let bmw = new Object();
    bmw.brand = 'bmw';
    bmw.color = 'white';
    bmw.move = function () {
        console.log('the car is moving');
    }
    let qq = Object.create(bmw);
    qq.brand = 'qq';
    qq.color = 'red';
    console.log(qq.brand);
    console.log(qq.color);
    qq.move();


</script>
</body>
</html>