JS面向对象入门(jquery思想)

最新推荐文章于 2022-01-04 13:11:12 发布

胖鹅68

最新推荐文章于 2022-01-04 13:11:12 发布

阅读量511

点赞数

分类专栏： jquery/js库/Jest

本文链接：https://blog.csdn.net/hbiao68/article/details/17112367

版权

jquery/js库/Jest 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

<html> 
<head> 
<TITLE>class_obj_js_class</TITLE> 
<script language=javaScript> 
var userObj = function(){ 

}; 
userObj.prototype={ 
    age:0, 
    name:"huangbiao", 
    getUserName:function(){ 
        return this.name; 
    }, 
    getUserAge:function(){ 
        return this.age; 
    } 
} 

function getUserName(){ 
    alert(userObj.prototype.getUserName()); 
} 

function getUserAge(){ 
    alert(userObj.prototype.getUserAge()); 
} 

function newObj(){
//如果new了一个对象就可以直接访问prototype对象
	var newObj = new userObj();
	var userName = newObj.getUserName();
	alert(userName);
	var userAge = newObj.getUserAge();
	alert(userAge);
}

</script> 

<body > 
    <input type="button" value="getName" οnclick="getUserName();"></input> 
	<br>
    <input type="button" value="getUserAge" οnclick="getUserAge();"></input>
	<br>
    <input type="button" value="getUserAge" οnclick="newObj();"></input>
</body> 
</html>