原型方法检测 面向对象编程特点 改变this指向

isPortotypeOf() 检测当前对象是否是基于对应构造函数创建出来得

instanceof 用于判断变量得类型

hasOwnProperty() 判断当前得属性和方法是否源于 对象构造函数内部

in 判断当前对象是否具有对应属性和方法 通常用于 代码得健壮性

<script>  
function Student(name) {
            this.name = name
        }
        Student.prototype.show = function () {
            console.log(this.name)
        }

        var s1 = new Student("王一")
        //isPortotypeOf() 检测当前对象是否是基于对应构造函数创建出来得
        // instanceof 用于判断变量得类型
        console.log(s1 instanceof Student)//返回true
        var t = Student.prototype.isPrototypeOf(s1)//返回true
        console.log(t)

        //判断属性方法
        //hasOwnProperty() 判断当前得属性和方法是否源于 对象构造函数内部
         var r=s1.hasOwnProperty("show")
         console.log(r)//返回false
        //  in 判断当前对象是否具有对应属性和方法  通常用于 代码得健壮性
        // 属性 in 对象
         var r1= "show" in s1
         console.log(r1)//返回true
</script>
<script>
 //编写一个方法:传入两个参数 key  对象,判断当前key是否在对象得原型中,如果在返回真 ,不再返回false
        function hasOwnprototype(key, obj) {
            //判断当前key是否在obj对象原型上
            //先判断是否具有对应属性
            // if(key in obj){
            //     //再判断是否在构造函数里
            //     if(obj.hasOwnProperty(key)){
            //         return false
            //     }else{
            //         return true
            //     }
            // }else{
            //     return false
            // }
            //上面等于下面这个
            return key in obj && obj.hasOwnProperty(key) == false
        }
</script>
面向对象特征:
1.抽象性: 从对象分析业务
2.封装性: 将属性和方法封装到对象里,方便维护、统一进行管理 便于二次开发 提高安全性。
3.继承性: 将对象得属性和方法进行传递 
4.多态性:一个类可以产生多种类型得对象 js无法做到

封装性:属性分为两大类

1.共有属性:任何人在任何位置都可以任意得访问以及修改

2.私有属性:必须达到某些条件才能更改或者访问。定义为私有属性,不能随意访问更改

由于js本身没有私有概念 ,用局部变量来模拟。通过get set方法来实现 属性得获取和设置私有属性

 <script>
        //私有属性如何实现 ,写一个邮箱私有属性
        function User(name, password, mail) {
            var mail = mail
            this.name = name
            this.password = password

            this.getMail = function (user) {
                if (user.name == '杰克') {
                    return mail
                } else {
                    alert('权限不够')
                }
            }
            this.setMail = function (string) {
                var reg = /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/
                if (reg.test(string)) {
                    mail = string
                } else {
                    alert('设置格式不对')
                }
            }

        }

        var user = {
            name: '杰克'
        }
        var u = new User('杰克', 123456, '961028779@qq.com')
        console.log(u.getMail(user))
        // u.setMail('123456')
        // console.log(u.getMail(user))
        u.setMail('65281554@qq.com')
        console.log(u.getMail(user))

    </script>

call()方法和apply() 改变this得指向性

.call() 第一个参数 改变得对象 后续参数传入方法对应得参数

apply() 第一参数 改变得对象 第二个参数[]放入参数列表

<script>
        function Student(name,age){
            this.name=name
            this.age=age
        }
        Student.prototype.show=function(){
            console.log(this.name)
        }
        Student.prototype.abc=function(a,b,c){
            console.log(this.name+a+b+c)
        }
        var s1=new Student("王一",21)
        var s2=new Student("王二",22)
        s1.show()//返回王一

        // call方法 改变this得指向性
        // .call() 第一个参数 改变得对象  后续参数传入方法对应得参数
        s1.show.call(s2)返回王二
        s1.abc.call(s2,1,2,3)//返回王二123

        //apply() 第一参数 改变得对象  第二个参数[]放入参数列表
        //s1.abc.apply(s2,[1,2,3])//返回王二123

</script>

apply()方法由于传入的是数所有可以用来判断数组中走大最想值

<script>
  var arr=[1,3,4,5]
        // var result=Math.max(arr)
        // console.log(result)//返回NaN
        var result=Math.max.apply(null,arr)
        console.log(result)//返回5
</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值