JS封装类或对象示例

最新推荐文章于 2024-02-18 14:02:04 发布

smartsmile2012

最新推荐文章于 2024-02-18 14:02:04 发布

阅读量315

点赞数

分类专栏： JS & Jquery

本文链接：https://blog.csdn.net/smartsmile2012/article/details/95862750

版权

JS & Jquery 专栏收录该内容

87 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>JS封装类或对象</title>
    <script>
        var Person = (function () {
            //静态私有属性方法
            var _place = "shen zhen";
            function _say(name) {
                console.log(name + " is live in " + _place);
            }
            function _walk() {
                console.log("i am walking");
            }


            //构造函数
            function _person(name, age) {
                var _this = this;
                //构造函数安全模式，避免创建时候丢掉new关键字
                if (_this instanceof _person) {
                    //共有属性, 方法
                    _this.place = _place;
                    _this.say = function () {
                        _say(name)
                    }
                    _this.walk = _walk;
                    _this.age = age + 12;

                } else {
                    return new _person(name, age);
                }
            }
            return _person;
        })();

        var p1 = new Person("zhangsan", 12);
        p1.say();                   //zhangsan is live in shen zhen
        console.log(p1.age);        //24
        p1.walk();                  //i am walking
        console.log(p1.place)       //shen zhen
    </script>
</head>
<body>

</body>
</html>

smartsmile2012

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS封装类或对象示例

<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title>JS封装类或对象</title> <script> v...
复制链接

扫一扫