V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
piapia
V2EX  ›  程序员

javascript!花括号到底在这里起个啥作用?初学 js

  •  
  •   piapia · 2015-02-24 17:48:24 +08:00 · 6019 次点击
    这是一个创建于 3320 天前的主题,其中的信息可能已经有所发展或是发生改变。
    {success},{index},{action}这些个应该怎么去理解?
    ~求解释~(没搜到相关知识,感觉是关键词不对吧,或者给个相关的关键词也行。 )

    var FR = {
    con: $j("#result_ul"),
    recent: $j("#recent_ul"),
    perpage: 15,
    currentPage: 0,
    items: [],
    addFriendNum: 0,
    powerInfo: 0,
    tmpl_success: '<span class="fr-item-status"><i class="ui-icon sp-fr-agree"></i><span class="txt">{success}</span></span>',
    tmpl_close: '<a class="qz-close " href="javascript:" title="\u5ffd\u7565" data-index="{index}" data-action="ignore" style="visibility:hidden">\u00d7</a>',
    tmpl_allow: '<a href="javascript:" data-action="{action}" data-index="{index}" data-uin="{uin}"><span class="txt">\u8bbf\u95ee\u8bbe\u7f6e</span></a>'}
    23 条回复    2015-02-26 14:15:02 +08:00
    vzch
        1
    vzch  
       2015-02-24 17:52:05 +08:00
    这段代码不是原生 JavaScript ,应该是某个前端模板
    mhycy
        2
    mhycy  
       2015-02-24 17:52:55 +08:00 via Android
    一个域,具体含义看上下文
    mhycy
        3
    mhycy  
       2015-02-24 17:54:29 +08:00 via Android
    @vzch 原生的,这是一个匿名对象
    arachide
        4
    arachide  
       2015-02-24 17:56:56 +08:00
    建议从pure javascript开始学习

    javascript是目前为止 偶见过的唯一一个框架对语言本身有干扰的东西

    新手很容易被框架带上蹉跎生命的邪路
    bluewinger
        5
    bluewinger  
       2015-02-24 17:57:01 +08:00
    hash
    mhycy
        7
    mhycy  
       2015-02-24 17:58:17 +08:00 via Android
    @vzch 名词可能有出入。。。囧
    piapia
        8
    piapia  
    OP
       2015-02-24 17:59:18 +08:00
    @arachide 嗯啊。谢谢你的建议。
    groot
        9
    groot  
       2015-02-24 17:59:44 +08:00
    占位吧,
    比如
    $.get(url,funciton(response){
    $("body").append(FR. tmpl_success.replace(/{success}/ig,response.successMsg));
    })
    arachide
        10
    arachide  
       2015-02-24 18:06:25 +08:00
    上面的都是jquery化的javascript 嘿嘿
    sumhat
        11
    sumhat  
       2015-02-24 18:06:41 +08:00
    不是 Javascript 语言的东西,可以理解为一种 MVC 的实现,用于前后端分离。
    popo233
        12
    popo233  
       2015-02-24 18:10:12 +08:00 via iPhone
    理解什么 分明就是字符串
    songz
        13
    songz  
       2015-02-24 18:14:59 +08:00
    就是一个数组。 数组={名字:值,名字1:值1,名字2:值2}
    那么取得某个值对应就是,数组[名字]==值
    messXD
        14
    messXD  
       2015-02-24 18:32:33 +08:00
    参见json的标准,{}表示一个对象,[]表示数组,:冒号分割名称:值。javascript经常食用这样的描述,很方便。
    lincanbin
        15
    lincanbin  
       2015-02-24 18:34:08 +08:00
    模板,之后会读取该Dictionary进行替换,例如

    DOM = FR.tmpl_success.replace(/{success}/, json.success_info);
    然后再将通过模板生成的数据插入对应DOM节点
    xuhai951753
        16
    xuhai951753  
       2015-02-24 18:43:12 +08:00
    看这个变量的名字tmpl_success tmpl_close,应该就是模板引擎了。
    msg7086
        17
    msg7086  
       2015-02-24 18:51:01 +08:00
    这么说吧。

    var s = 'Hello, world!'

    这里的逗号起啥作用?
    piapia
        18
    piapia  
    OP
       2015-02-24 18:53:02 +08:00
    @msg7086 @lincanbin thx~好像知道了,这些字符串后边会有方法去处理,替换掉{}之间的内容。。
    bigcoon
        19
    bigcoon  
       2015-02-24 20:06:00 +08:00 via iPhone   ❤️ 1
    看了楼主这样我倒是觉得新手必须有一门扎实得后端语言载学js,那时入门就跟玩似的
    rming
        20
    rming  
       2015-02-24 20:31:59 +08:00
    @msg7086 逗号是让人读的时候喘口气
    ugmc
        21
    ugmc  
       2015-02-25 01:54:42 +08:00
    @rming 精彩:)
    Lenbo
        22
    Lenbo  
       2015-02-25 16:52:31 +08:00
    应该是模板的语法
    cupid1984
        23
    cupid1984  
       2015-02-26 14:15:02 +08:00
    占位符,参考@groot 的回复。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3301 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 00:41 · PVG 08:41 · LAX 17:41 · JFK 20:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.