`

js 类的基本概念

阅读更多
<SCRIPT LANGUAGE="JavaScript">
/*
      1: 类的定义:基本概念
*/

function Person(name) { // 类
    //实例属性
    this.name = name;
//实例方法
    this.helloWorld = function(){
   alert("hello world!");
};
}

//静态属性
Person.prototype.sayHello =  "you are pig!";

//静态方法
Person.prototype.helloWorldToo = function () {
    alert("hello world too!");
}

//类属性
Person.working = "yes";

//类方法
Person.say = function () {
   alert("hello world!");
}



//调用:

var XiaoWang   =  new Person("小王");//实例化  --- 一个新的小王出生了。
alert(  XiaoWang.name  );            //调用实例属性 ---- 我们想知道他的名字
XiaoWang.helloWorld();               //调用实例方法 ---- 小王开始说 的第一句话。


var XiaoLiu   =  new Person("小刘");//实例化  --- 一个新的小刘出生了。
alert(  XiaoLiu.name  );            //调用实例属性 ---- 我们想知道他的名字.
XiaoLiu.helloWorld();               //调用实例方法 ---- 小刘开始说 的第一句话。


alert( XiaoWang.sayHello  ); //  调用静态属性 --- 小王开始骂人了。
alert( XiaoLiu.sayHello  );  //  调用静态属性 --- 小刘开始骂人了。


XiaoWang.helloWorldToo() ; //  调用静态方法 --- 小王说的第三句话。
XiaoLiu.helloWorldToo() ;  //  调用静态方法 --- 小刘说的第三句话。

alert(  Person.working  ); //调用类的属性   ---   不是 XiaoWang.working

Person.say(); //调用类的方法   ---   不是 XiaoWang.say()



</SCRIPT>
分享到:
评论

相关推荐

    js 基本概念

    在这个"js基本概念"的主题中,我们将深入探讨DOM(文档对象模型)、Window对象、Array数组以及变量声明等关键概念。 1. DOM(文档对象模型):DOM是HTML和XML文档的一种结构化表示,它将文档视为一棵由节点组成的树...

    Vue.js 的基本概念、核心功能、常见实践.md

    Vue.js 的基本概念、核心功能、常见实践.md

    关于 JavaScript 的基本概念、特性、常用框架和应用领域的简要介绍

    ### 关于 JavaScript 的基本概念、特性、常用框架和应用领域的详细介绍 #### 一、基本概念 **1. 动态类型** JavaScript 是一种动态类型语言,这意味着变量的类型是在运行时确定的。开发者无需在声明变量时指定其...

    JAVASCRIPT基本概念[整理].pdf

    JAVASCRIPT基本概念[整理].pdf

    JS面向对象的基本概念及示例代码.zip

    下面将详细阐述JS面向对象的基本概念,并通过示例代码进行解析。 1. **对象**:在JS中,对象是键值对的集合,可以通过字面量语法或构造函数创建。例如: ```javascript let person = { name: "John", age: 30, ...

    JS的基本语法

    在“滨州学院JS课件”中,我们可以学习到JS的基本语法,包括变量声明、数据类型、运算符、流程控制以及函数等核心概念。 1. **变量声明**:在JS中,我们可以使用`var`、`let`或`const`来声明变量。`var`是老式声明...

    JS定义静态类

    ### 静态方法与属性的基本概念 在面向对象编程中,静态方法和属性通常与类而不是实例相关联。这意味着它们可以通过类名直接访问,而无需创建类的实例。在ES6及更高版本中,可以直接在类定义内部声明静态方法和属性...

    javascript 的基本上所有的常用类库

    Prototype还引入了类(Class)的概念,使得面向对象编程在JavaScript中变得更加容易。 3. **AngularJS**:AngularJS是由Google维护的一个用于构建单页应用的前端框架。它提供了数据绑定、依赖注入、模块化等功能,...

    催米技术部研发团队技术分享:JS面向对象的基本概念及代码.zip

    本技术分享主要围绕JS面向对象的基本概念展开,旨在帮助开发者深化对JS面向对象的理解,提升编程能力。 面向对象编程(Object-Oriented Programming, OOP)是软件开发中的一个重要范式,它基于“对象”这一核心概念...

    新手常用的几个JS封装类

    在JavaScript编程中,封装是面向对象编程的一个重要概念,它有助于提高代码的可重用性和可维护性。作为新手,了解并熟练运用一些常见的JS封装类对于提升开发效率至关重要。以下我们将详细介绍标题和描述中提到的几个...

    李立超JavaScript基础篇笔记

    尽管JavaScript与ECMAScript在概念上有所区别,但通常情况下,人们将它们视为同义词,因为ECMAScript是JavaScript的标准化版本,由各大厂商如Mozilla、Microsoft等遵循并实现。 JavaScript的特点包括: 1. 解释型...

    AR.js引擎开发:AR用户交互与动画+.AR.js引擎概述与安装+.AR.js基本概念与工作原理+.AR.js中的环境设置与配置+AR用户交互基础:触控与手势识+.AR用户交互进阶:物理仿真与碰撞检

    AR.js引擎开发:AR用户交互与动画_(2).AR.js基本概念与工作原理.docx AR.js引擎开发:AR用户交互与动画_(3).AR.js中的环境设置与配置.docx AR.js引擎开发:AR用户交互与动画_(4).AR用户交互基础:触控与手势...

    JavaScript 教程-介绍基本概念和语法,并通过一个简单的项目案例来演示其实际应用

    JavaScript 教程--介绍基本概念和语法,并通过一个简单的项目案例来演示其实际应用

    Javascript 是数字化创新的起点,是语言的基础,也是基本概念 .zip

    Javascript 是数字化创新的起点,是语言的基础,也是基本概念。Basecamp JavascriptJavascript 是数字化创新的起点,是语言的基础,也是基本概念。嵌套存储库,可作为启动项下待办事项的实践活动。

    javascript学习笔记(二) js一些基本概念

    在学习JavaScript的过程中,掌握一些基本概念是至关重要的,它们构成了这门语言的基石。以下是一些基本概念的详细介绍: 1. typeof操作符:typeof是用来检测给定变量的数据类型的JavaScript操作符。这个操作符返回...

    javascript中的类理解

    JavaScript 中的类是一种重要的编程概念,它用于模拟...通过这些基本概念,你可以理解 JavaScript 中类的核心功能。随着对 JavaScript 更深入的学习,你将能够利用类来创建复杂的对象模型,实现更高级的面向对象编程。

    IDEA类软件,js压缩插件

    首先,我们要了解JavaScript和SCSS的基本概念。JavaScript是一种广泛使用的客户端脚本语言,用于增强网页的交互性和动态性。SCSS(Sassy CSS)则是CSS的一个扩展,引入了变量、嵌套规则、混合、函数等特性,使CSS...

    js版分页类,ajax效果无刷新

    首先,让我们理解一下分页的基本概念。在网页上展示大量数据时,一次性全部加载可能会导致页面加载速度变慢,甚至对用户设备造成压力。因此,分页将数据分割成多个部分,每次只显示一部分,用户可以通过点击页码或...

    JavaScript类的写法

    我们知道,在js中,是没有类的概念的。类的所有实例对象都从同一个原型对象上继承属性,因此,原型对象是类的核心。 类是对象的抽象,而对象是类的具体实例。类是抽象的,不占用内存,而对象是具体的,占用存储空间...

    d3.js 数据可视化 JavaScript库

    “D3.js是一个JavaScript库,它... 在这里,读者将会学习到数据可视化的基本概念,JavaScript 的函数式编程,以及 D3的基础概念,例如元素选取、数据绑定、动画以及SVG生成。除此之外,读者还会领略到D3的一些高级特性.

Global site tag (gtag.js) - Google Analytics