javascript面向对象(一)

最新推荐文章于 2021-11-19 20:57:47 发布

码农1425

最新推荐文章于 2021-11-19 20:57:47 发布

阅读量212

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_25707185/article/details/52971547

版权

JavaScript 专栏收录该内容

60 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>自我介绍</title>
		<link rel="Stylesheet" href="index.css"/>
	</head>
	<body>
		<div id="parentDiv">
<div id="lilei" οnmοuseοver="lilei.intrSelf()" οnmοuseοut="dialog.style.display='none'">
</div>
<div id="hmm" οnmοuseοver="hmm.intrSelf()" οnmοuseοut="dialog.style.display='none'">
</div>
			<div id="dialog">
			</div>
		</div>
		<script>
      function Student(name,age){
        this.name=name;
        this.age=age;
      }
      //向Student的原型对象中添加intrSelf方法
      Student.prototype.intrSelf=
        function(){
          dialog.innerHTML=
            "I'm "+this.name
            +",I'm "+this.age;
          dialog.style.display="block";
        }
      var lilei=
        new Student("Li Lei",11);
      var hmm=
        new Student("Han Meimei",12);
      console.log(
        Student.prototype//老公
          ==lilei.__proto__//爹
      );//true

Student.prototype.className="初一2班";
console.log(lilei.className);
console.log(hmm.className);
//Student.prototype.className="初二2班
lilei.className="初二2班";
//不报错:给lilei添加一个className属性
console.log(lilei.className);
console.log(hmm.className);
delete lilei.className;
console.log(lilei.className);
console.log(hmm.className);
//delete lilei.className;//没效果
delete Student.prototype.className;
console.log(lilei.className);
console.log(hmm.className);

    /*
			var lilei={
        "name":"Li Lei",
        "age":11,
        "intrSelf":function(){
          //this:lilei
          //设置id为dialog的元素的内容为:"I'm Li Lei,I'm 11";
          dialog.innerHTML=
            "I'm "+this.name
            +",I'm "+this.age;
          //设置id为dialog的元素的样式的display为block
          dialog.style.display="block";
        }
      }
     
      lilei.age++;//12
    */
      //定义hmm:姓名Han Meimei,年龄12
        //定义intrSelf方法
    /*
      var hmm={
        "name":"Han Meimei",
        "age":12,
        "intrSelf":function(){
          //this:hmm
          dialog.innerHTML=
            "I'm "+this.name
            +",I'm "+this.age;
          dialog.style.display="block";
        }
      }
    */
    /*
      //var hmm=new Object();//{}
      var hmm={};
      //hmm.name="Han Meimei";
      hmm["name"]="Han Meimei";
      hmm["age"]=12;
      hmm["intrSelf"]=function(){
        //this:hmm
        dialog.innerHTML=
          "I'm "+this.name
          +",I'm "+this.age;
        dialog.style.display="block";
      }
      console.dir(lilei);
      console.dir(hmm);
    */
    /*
      //克隆一个lilei
      function clone(obj){//浅克隆
        //创建新空对象copy
        var copy={};
        //遍历obj的属性
        for(var key in obj){
          //向copy中添加新的属性:
            //属性名为key，值为obj中key属性的值
          copy[key]=obj[key]
        }
        return copy;
      }
      var lilei_copy=clone(lilei);
      console.dir(lilei_copy);
      console.dir(lilei);
    */
		</script>
	</body>
</html>

码农1425

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript面向对象(一)

自我介绍 function Student(name,age){ this.name=name; this.age=age; } //向Student的原型对象中添加intrSelf方法 Student.prototype.intrSelf= fu
复制链接

扫一扫

专栏目录