search
  • Sign In
  • Sign Up
Password reset successful

Follow the proiects vou are interested in andi aet the latestnews about them taster

JavaScript adds properties and methods to objects

JavaScript can define properties and methods when defining a class, or dynamically add properties and methods after creating an object.

Dynamic addition of properties and methods is difficult to achieve in other object-oriented programming languages ​​​​(C++, JavaScript, etc.), which is a reflection of the flexibility of JavaScript.

Create an object based on the Person class and add properties and methods to it: // Define class

<script>// 定义类
function Person(name,sex) {
    this.name=name;  // 定义一个属性 name
    this.sex=sex;  // 定义一个属性 sex
    this.say=function(){  // 定义一个方法 say()
        return "嗨!大家好,我的名字是 " + this.name + " ,性别是 " + this.sex + " 。";
    }
}

// 创建对象
var zhangsan=new Person("张三","男");
zhangsan.say();

// 动态添加属性和方法
zhangsan.tel="029-81892332";
zhangsan.run=function(){
    return  " 我跑得很快! ";
}

// 弹出警告框
alert("姓名:"+zhangsan.name);
alert("姓别:"+zhangsan.sex);
alert(zhangsan.say());
alert("电话:"+zhangsan.tel);
alert(zhangsan.run());</script>


new file
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script>// 定义类 function Person(name,sex) { this.name=name; // 定义一个属性 name this.sex=sex; // 定义一个属性 sex this.say=function(){ // 定义一个方法 say() return "嗨!大家好,我的名字是 " + this.name + " ,性别是 " + this.sex + " 。"; } } // 创建对象 var zhangsan=new Person("张三","男"); zhangsan.say(); // 动态添加属性和方法 zhangsan.tel="029-81892332"; zhangsan.run=function(){ return " 我跑得很快! "; } // 弹出警告框 alert("姓名:"+zhangsan.name); alert("姓别:"+zhangsan.sex); alert(zhangsan.say()); alert("电话:"+zhangsan.tel); alert(zhangsan.run());</script> </head> <body> </body> </html>
Reset Code
Automatic operation
submit
Preview Clear