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)
相关推荐
Carlos_sam30 分钟前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript
小毛驴85040 分钟前
创建 Vue 项目的 4 种主流方式
前端·javascript·vue.js
你这个年龄怎么睡得着的2 小时前
Babel AST 魔法:Vite 插件如何让你的 try...catch 不再“裸奔”?
前端·javascript·vite
Dream耀3 小时前
提升React移动端开发效率:Vant组件库
前端·javascript·前端框架
NUC_Dodamce4 小时前
Cocos3x 解决同时勾选 适配屏幕宽度和 适配屏幕高度导致Widget组件失效的问题
开发语言·javascript·ecmascript
JSON_L4 小时前
Vue 电影导航组件
前端·javascript·vue.js
xptwop6 小时前
05-ES6
前端·javascript·es6
Heo6 小时前
调用通义千问大模型实现流式对话
前端·javascript·后端
前端小巷子7 小时前
深入 npm 模块安装机制
前端·javascript·面试
深职第一突破口喜羊羊8 小时前
记一次electron开发插件市场遇到的问题
javascript·electron