Kendo UI开发教程 5 使用 Kendo UI库实现对象的继承

最新推荐文章于 2025-04-22 09:59:10 发布

红色手机壳

最新推荐文章于 2025-04-22 09:59:10 发布

阅读量232

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/bcghgfr/article/details/84085995

本文探讨了JavaScript面向对象编程的独特方式，对比了C++和Java的类基继承，介绍了基于原型的继承机制。同时，通过KendoUI库演示了如何使用kendo.Class.extend创建对象，实现更接近传统面向对象的开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

JavaScript 也是一种面向对象的开发语言，但和C++，Java,C#所不同的是，它的对象不是基于类（Class），而是基于对象原型（ProtoType)，因此对于来自C++,Java等背景的程序员，初次接触到JavaScript 的面向对象的开发时，开始会有些不适应。而JavaScript语言本身也非常灵活，实现面向对象的方法也很多，不同的框架使用的方法也不同。

对于JavaScript的面向对象的方法和C++，Java面向对象的不同点，举个简单的类比，使用C++,Java来建房，是先有蓝图（Class），然后根据这个蓝图（Class）来建房（对象）。而JavaScript是直接建个房（Object），如果要将个新房，就参考这个建好的房作为原型（prototype)，然后复制一个对象。

Kendo UI不仅仅提供了一些好看的UI组件，而且也提供一个JavaScript 构建对象，实现继承的方法，其形式接近于C++，Java的类继承方法。

使用kendo.Class.extend 创建对象

首先可以创建一个新对象（注意JavaScript中没有类的概念），可以通过kendo.Class.extend 来定义。

`1`	`var` `person = kendo.Class.extend({});`

上面代码创建一个Person对象，但没有定义Person对象任何属性和方法。下面可以为Person定义一些属性和方法（函数），可以通过对象字面量的方法来定义，Javascript对象的属性或方法都是以Key：value的形式来定义。也使用this来引用对象的方法或属性。

    1var Person = kendo.Class.extend({

    2    firstName: 'Not Set',

    3    lastName: 'Not Set',

    4    isAPrettyCoolPerson: false,

    5    sayHello: function() {

    6        alert("Hello! I'm " + this.firstName + " " + this.lastName);

    7    }

    8});

    9 

    10var person = new Person();

    11person.sayHello();

创建构造函数

也可以为对象添加一个构造函数，Kendo UI使用 init 来定义构造函数，这样在创建新对象时，可以通过构造函数来创建新的对象. 下面代码重新定义Person对象，并为其添加一个属性isAPrettyCoolPerson ，

    1var Person = kendo.Class.extend({

    2    firstName: