雀雀JavaScript对象

雀雀coder

于 2018-04-22 16:30:16 发布

阅读量254

点赞数

分类专栏：雀雀学JavaScript基础篇

本文链接：https://blog.csdn.net/weixin_41873431/article/details/80040041

版权

雀雀学JavaScript基础篇专栏收录该内容

6 篇文章 0 订阅

订阅专栏

JavaScript对象

2018年4月22日星期日

具体内容

JavaScript中的基本数据类型

number （数值类型）

string （字符串类型）

boolean (布尔类型)

null （空类型）

undefined (未定义类型)

object （复杂数据类型）

对象

对象是包含相关属性和方法的集合

面向对象

面向兑现仅仅是一个概念或者变成思想

通过一种叫做原型的方式来实现面向对象变成

对象的创建

自定义对象 ver 对象名 = newObject();

创建对象的两种方式

方式一：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创建对象</title>
</head>
<body>
<script>
    /**
     * 对象创建方式 1
     * @type {Object}
     */
    var flower = new Object();
    flower.name = "玫瑰花";
    flower.genera = "玫瑰花的属性"
    flower.show = function () {
        alert(this.name +"---"+ this.genera)
    }
    flower.show();
</script>
</body>
</html>

方式二

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创建对象</title>
</head>
<body>
<script>
    /**
     * 对象创建方式 2
     * @type {{name: string, genera: string, show: flower.show}}
     */
    var flower = {
        name:"玫瑰花",
        genera: "玫瑰花的属性",
        show:function () {
            alert(this.name + "---" + this.genera);
        }
    }
    flower.show();
</script>
</body>
</html>

内置对象

String （字符串）对象

1.length 属性

2.indexOf() 方法

3.replace（）方法

Date （日期）对象

getset 年月日时分秒等等

Array （数组）对象

length 属性

sort() 、 concat（）、join（）方法

Boolean （逻辑）对象

ture 或 flase

toString() 方法

Math （算数）对象

round() 、max（）、min（）

RegExp 对象（正则表达式）

RegExp是正则表达式的缩写

JavaScript 构造函数和原型对象

构造函数示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>构造函数</title>
</head>
<body>
<script>
    function Flower(name,genera) {
        this.name = name ;
        this.genera = genera;
        this.show = show;
    }
    function show() {
        alert(this.name);
    };
    var flower1 = new Flower("玫瑰花","玫瑰花的属性");
    flower1.show();
    var flower2 = new Flower("曼陀罗","曼陀罗的属性");
    flower2.show();
    //对象类型判断
    alert(flower1.constructor == Flower);
    //是Flower 的一个实例
    alert(flower1 instanceof Flower);
    //同样也是Object 的一个实例
    alert(flower1 instanceof Object);
</script>
</body>
</html>

原型对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>原型对象</title>
</head>
<body>
<script>
    function Flower() {
    }
    Flower.prototype.name = "玫瑰花" ;
    Flower.prototype.genera = "玫瑰花的属性";
    Flower.prototype.show = function() {
        alert(this.name);
    };
    var flower1 = new Flower();
    flower1.name = "曼陀罗";
    var flower2 = new Flower();
    flower1.show();
    flower2.show();
    alert(flower1.show == flower2.show);
</script>
</body>
</html>