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>