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)
相关推荐
yivifu1 小时前
JavaScript Selection API详解
java·前端·javascript
这儿有一堆花1 小时前
告别 Class 组件:拥抱 React Hooks 带来的函数式新范式
前端·javascript·react.js
Zyx20073 小时前
深拷贝:JavaScript 中对象复制的终极解法
javascript
开发者小天4 小时前
React中的componentWillUnmount 使用
前端·javascript·vue.js·react.js
sunly_4 小时前
Flutter:视频预览功能
javascript·flutter·音视频
杰克尼5 小时前
vue_day04
前端·javascript·vue.js
小皮虾6 小时前
小程序云开发有类似 uniCloud 云对象的方案吗?有的兄弟,有的!
前端·javascript·小程序·云开发
阳懿6 小时前
meta-llama-3-8B下载失败解决。
前端·javascript·html
史林枫6 小时前
JavaScript 中call和apply的详细讲解 —— 连10岁的小朋友都能看懂!
javascript·apply·call
紫小米6 小时前
Vue 2 和 Vue 3 的区别
前端·javascript·vue.js