Lua和JS的继承原理

JavaScript 和 Lua 都是动态语言,支持面向对象编程(OOP),但它们的 继承机制 实现方式不一样。下面分别介绍它们的继承实现原理和方式:


🔶 JavaScript 的继承机制

JavaScript 使用的是 基于原型(prototype-based) 的继承。

✅ ES5 的继承(原型链继承)

复制代码
function Animal(name) {
    this.name = name;
}
Animal.prototype.sayHi = function () {
    console.log("Hi, I'm " + this.name);
};

function Dog(name) {
    Animal.call(this, name);  // 构造函数继承
}
Dog.prototype = Object.create(Animal.prototype);  // 原型继承
Dog.prototype.constructor = Dog;  // 修正构造器指向

let dog = new Dog("Buddy");
dog.sayHi();  // 输出:Hi, I'm Buddy

✅ ES6 的继承(class 语法)

复制代码
class Animal {
    constructor(name) {
        this.name = name;
    }
    sayHi() {
        console.log(`Hi, I'm ${this.name}`);
    }
}

class Dog extends Animal {
    constructor(name) {
        super(name);
    }
}

const dog = new Dog("Buddy");
dog.sayHi();  // 输出:Hi, I'm Buddy

✅ 本质上,class 只是对原型链语法的封装,底层仍然是原型继承。


🔷 Lua 的继承机制

Lua 没有类(class),但可以通过 table + metatable 来模拟面向对象继承。

✅ 原型式继承

复制代码
-- 父类
Animal = {}
Animal.__index = Animal

function Animal:new(name)
    local obj = {name = name}
    setmetatable(obj, self)
    return obj
end

function Animal:sayHi()
    print("Hi, I'm " .. self.name)
end

-- 子类继承
Dog = setmetatable({}, {__index = Animal})
Dog.__index = Dog

function Dog:new(name)
    local obj = Animal.new(self, name)
    setmetatable(obj, self)
    return obj
end

local dog = Dog:new("Buddy")
dog:sayHi()  -- 输出:Hi, I'm Buddy

__index 是 Lua 实现继承和查找"父类"字段的关键。


🔁 对比总结

特性 JavaScript Lua
面向对象支持 内建 class(ES6 起)+ 原型链 依赖 table + metatable 自己实现
继承机制 基于 prototype 原型链 基于 __index 的原型式继承
实现方式 Object.create() / class extends setmetatable(table, {__index = parent})
多继承支持 不支持 可模拟多继承(手动组合多个 __index)
相关推荐
Maimai1080815 分钟前
React如何用 @microsoft/fetch-event-source 落地 SSE:比原生 EventSource 更灵活的实时推送方案
前端·javascript·react.js·microsoft·前端框架·reactjs·webassembly
candyTong18 分钟前
Claude Code 的 Edit 工具是怎么工作的
javascript·后端·架构
卡卡军3 小时前
agmd 1.0 重磅升级——Rust 重写,性能起飞
javascript·rust
Larcher3 小时前
🔥 告别抓瞎:用 Claude Code (cc) 优雅接手与维护已有项目
javascript·机器学习·前端框架
JYeontu3 小时前
轮播图不够惊艳?试下这个立体卡片轮播图
前端·javascript·css
亲亲小宝宝鸭4 小时前
如何监听DOM尺寸的变化?element-resize-detector 和 resizeObserver
前端·javascript
卷帘依旧6 小时前
Generator 全面解析 + async/await 深度对比
前端·javascript
weixin_471383036 小时前
统一缩放单位基础(px、em、rem)
开发语言·javascript·ecmascript
yqcoder7 小时前
数据劫持的双雄:深入解析 Object.defineProperty 与 Proxy
开发语言·前端·javascript
小三金7 小时前
EXPO+RN echarts图表库,以及如何使用
前端·javascript·react.js