amd模块化

最新推荐文章于 2024-07-23 19:57:32 发布

全栈开发ck

最新推荐文章于 2024-07-23 19:57:32 发布

阅读量193

点赞数

分类专栏： JAVA

本文链接：https://blog.csdn.net/weixin_44954172/article/details/103118925

版权

JAVA 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

AMD模块化

在这里插入图片描述

AMD模块化结构

// 模块化结构
define([
    //要求
    'require',
    //依赖
    'dependency'
], function(require, factory) {
    //严格模式
    'use strict';
    
    var widget = declare([],{
         name:'ck',
         //对象里有对象
         param:{},
         //函数作为方法调用
        constructor:function(){},
        startup:function(){},
        open:function(){},
        _init:function(){}
        
    })
   return  widget;
});


//不能放在外面报错
  open:function(){
    
        }

作为define模块对象里函数方法

<p>myObject.fullName() 返回 John Doe:</p>
<p id="demo"></p>

var myObject = {
    
    firstName:"John",
    lastName: "Doe",
    fullName: function() {
         //this指向 myObject
        return this.firstName + " " + this.lastName;
    }
}
// 获取demo  写入函数里的fullName方法 return调用到demo里
document.getElementById("demo").innerHTML = myObject.fullName();