js类的静态属性和实例属性的理解_javascript技巧

复制代码 代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试</title>
</head>
<body>
<script type="text/javascript"><!--
function Man(name, age) {
//定义实例属性
this.name = name;
this.age = age;
}

//定义静态属性。默认性别是男，不排除变性，^v^
Man.sex = '男';
//定义原型属性
Man.prototype.phone = '123456';
//除了name.sex和Man.prototype.phone其余全部是Undefined
alert(Man.sex + "-----" + Man.prototype.phone + "--" + Man.name + "--" + Man.age + "--" + Man.phone);
var man = new Man("Tom", 24);
alert(Man.sex + "--" + man.name + "--" + man.age + "--" + man.phone);
/**
* 通过例子说明：原型属性在实例化之后作为类的实例属性。
* 但是实例属性在实例化之后却不能作为原型属性。
*/

// --></script>
</body>
</html>

时间： 2024-09-20 00:18:32

js类的静态属性和实例属性的理解_javascript技巧的相关文章

js类式继承与原型式继承详解_javascript技巧

本文实例为大家分享了js类式继承与原型式继承相关代码,供大家参考,具体内容如下 1.js类式继承 /* -- 类式继承 -- */ //先声明一个超类 function Person(name) { this.name = name; } //给这个超类的原型对象上添加方法 getName Person.prototype.getName = function() { return this.name; } //实例化这个超 var a = new Person('Darren1') conso

Python类属性与实例属性用法分析

  本文实例分析了Python类属性与实例属性用法.分享给大家供大家参考.具体如下: 类属性:类名.属性名 实例属性:实例.属性名 ? 1 2 3 4 5 6 7 8 9 10 11 12 >>> class test(): ... ver=1 ... >>> a=test() >>> test.x=8 >>> a.__dict__ {} >>> a.x 8 >>> a.x=9 >>&g

《JavaScript启示录》——1.20 构造函数创建的实例可拥有自己独立的属性（实例属性）

1.20 构造函数创建的实例可拥有自己独立的属性(实例属性) 在JavaScript中,对象在任何时候都可以扩展(即动态属性).正如前面提到的,确切地说,JavaScript拥有易变对象(mutable object).这意味着通过构造函数创建的对象可以扩展属性. 下面的代码通过Array()构造函数创建了一个实例,然后利用其属性进行扩展. <!DOCTYPE html><html lang="en"><body><script> var

Javascript 创建类并动态添加属性及方法的简单实现_javascript技巧

JavaScript 是一种很强的面向对象的语言,支持创建实例之后再添加属性和方法,虽然是小技巧,用的时候容易忘记,今天写了一个很小的例子,记录在这里,仅供参考. function MyClass() { //This function is same as a constructer alert("New Object Created"); } //Creating Object var MyObject = new MyClass (); NewObject.prototype =

js构造函数、索引数组和属性的实现方式和使用_javascript技巧

<script> function p(){ var len=arguments.length; for(var i=0;i<len;i++){ document.write(arguments[i]+"<br/>"); } } function Myclass(x,y){ this.x=x; this.y=y; this.show=function(){ return this.x+this.y; } } var m1=new Myclass(1,2);

原生js和jQuery随意改变div属性style的名称和值_javascript技巧

一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参,改变Div任意属性的值</title> <style type="text/css"> body,p{margin:0;padding:0;} body{color:#3

js中将具有数字属性名的对象转换为数组_javascript技巧

虽然不太常用,但我们的确可以给对象添加以数字为属性名的属性: 复制代码 代码如下: var obj = {}; obj[0] = 1; obj[1] = 2; 这个对象并不是数组类型,那有没有办法把它转换为数组类型呢?jQuery代码中采用了Array.prototype.slice把这种对象转换为数组,但我试了好几遍,就是不行: 复制代码 代码如下: var obj = {}; obj[0] = 1; obj[1] = 2; alert(Array.prototype.slice.call(o

JavaScript中对象属性的添加和删除示例_javascript技巧

复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /* * 用.为对象添加属性 用关键字delete删除属性 用[]添加属性 和.的不同 r.name==r["name

JavaScript访问CSS属性的几种方式介绍_javascript技巧

JavaScript访问CSS属性的方式总体说来有两种:"通过元素访问"."直接访问样式表".另外访问样式的时候有一个不可忽略的问题--运行时样式. 1.通过元素访问 既然是要通过元素访问样式表,那么就应该先确定是哪个元素.这是DOM的内容,在此先不多说.获取引用之后就可以通过 "引用.style.要访问的属性" ,来访问某个属性.举个例子,看如下代码. <pre name="code" class="html