ES6的全新特性：模板字符串 极客标签 | 在线编程知识分享学习平台
发布于，阅读882次，收藏 0次，评论条 - 来自
ES6的全新特性：模板字符串
作为JavaScript的未来，ES6已经到来。作为已完成的标准，ES6带来了许多新特性使其在如今的web世界仍有竞争力。ES6的方方面面不一定全都适合你，本文集会简要介绍一些顺手且可行的新特性。
我编写JavaScript代码更喜欢使用单引号来定义字符串，而不是双引号。对JavaScript来说两者都可以，下面的两行代码其实作用相同：
var animal = "cow";
var animal = 'cow';
我更喜欢单引号是有原因的。首先，单引号在组合使用HTML字符串和引用属性时更加方便。
// with single quotes, there's no need to
// escape the quotes around the class value
var but = '&button class="big"&Save&/button&';
// this is a syntax error:
var but = "&button class="big"&Save&/button&";
// this works:
var but = "&button class=\"big\"&Save&/button&";
只有在 HTML 中使用单引号之时才需要转义，而HTML中是极少使用单引号的。我能想到的场景无非是内联 JavaScript 或 CSS，也就是说此时写的东西是靠不住的或者极度依赖标记语言。而在正文中，还不如使用排版更悦目的`&`而不是单引号`'`。[^注: 也就是说不用转义了。]
旁注: 当然，HTML相当宽容，你大可以删除引号或者转而使用单引号来包裹属性，但是我宁愿写可读性更好的标记语言而不是过分依赖语法分析程序。如今的HTML5语法分析程序如此宽容是因为过去人们写的标记语言太糟糕了，这不是继续糟糕下去的借口。
在 DHTML 时代在框架集内部使用 document.writer 在新弹出窗口上创建文档之类的令人恶心的事情我已经受够了。我再也不要使用转义字符了。我甚至有时候还会用到三引号，这还是在编辑器有彩色高亮之前的事。简直是一团糟。
在字符串中使用变量替换
我更喜欢单引号还有一个原因。在编写高性能要求的网站时候我会大量使用PHP，而PHP是区分单引号和双引号的。PHP的单引号不允许字符串内变量替换，而双引号允许。
也就是说在 PHP 3 和 PHP 4 时代使用单引号的效率更高，因为语法分析程序省去了检索整个字符串进行变量替换的麻烦。看下面的例子你就明白了：
$animal = 'cow';
$sound = 'moo';
echo 'The animal is $animal and its sound is $sound';
// =& The animal is $animal and its sound is $sound
echo "The animal is $animal and its sound is $sound";
// =& The animal is cow and its sound is moo
JavaScript不支持字符串内的变量替换，所以不得不使用拼接字符串来代替。这显然太麻烦了，不得不频繁地在引文内和引文外来回切换。&
var animal = 'cow';
var sound = 'moo';
alert('The animal is ' + animal + ' and its sound is ' +
// =& "The animal is cow and its sound is moo"
多行字符串的麻烦&
在处理越来越长的字符串，尤其是组合使用大量 HTML 的时候真的是麻烦异常。而且很可能到头来 Linting 工具会报错说行末的 + 后面有个多于的空格。这问题完全是因为JavaScript不支持多行字符串。
// 这样写是不行的：
var list = '&ul&
&li&Buy Milk&/li&
&li&Be kind to Pandas&/li&
&li&Forget about Dre&/li&
// 可以这样写，但是，呃
var list = '&ul&\
&li&Buy Milk&/li&\
&li&Be kind to Pandas&/li&\
&li&Forget about Dre&/li&\
// 这是最常见的写法，但是，呃
var list = '&ul&' +
&li&Buy Milk&/li&' +
&li&Be kind to Pandas&/li&' +
&li&Forget about Dre&/li&' +
客户端的模板解决方法
为了在搞定麻烦的JavaScript字符串处理和拼接问题，还是得走到老路上，写个库。现有的众多HTML模板库中，Mustache.js 大概是影响力最大的。这些库大都遵循自定的非标准语法，使用起来完全看心情。打个比方，这就像是你用markdown格式写东西，然后意识到&markdown&本身就有很多不同的意思。[注：markdown有众多风格]
使用模板字符串
随着ES6及其标准的到来，我们欣喜地发现使用JavaScript处理字符串时可以使用模板字符串了。现在主流浏览器对模板字符串的支持非常及时：Chrome 44+, Firefox 38+, Microsoft Edge 和 Webkit 全部支持。遗憾的是 Safari 尚未支持，但是也不会等很久。
模板字符串的设计天才之处在于使用了全新的字符串限定符，即在HTML和寻常文本中皆不常见的反引号(`)。
var animal = 'cow';
var sound = 'moo';
alert(`The animal is ${animal} and its sound is ${sound}`);
// =& "The animal is cow and its sound is moo"
${} 接受任意的 JavaScript 表达式并返回相应值，可以用来进行数学运算或者访问对象的属性等等。
var out = `ten times two totally is ${ 10 * 2 }`;
// =& "ten times two totally is 20"
var animal = {
name: 'cow',
ilk: 'bovine',
front: 'moo',
back: 'milk',
The ${animal.name} is of the
${animal.ilk} ilk,
one end is for the ${animal.front},
the other for the ${animal.back}
The cow is of the
bovine ilk,
one end is for the moo,
the other for the milk
第二个例子表明多行字符串再也不是个问题啦。
标签化的模板
还可以在模板字符串之前加上一个标签，用作函数名，可以调用这个函数而字符串就是参数。下面的例子实现了对返回的字符串进行编码生成URL，避免总是使用不友好的 namedencodeURIComponent。
function urlify (str) {
return encodeURIComponent(str);
urlify `http://beedogs.com`;
// =& "http%3A%2F%2Fbeedogs.com"
urlify `woah$&$%&^$"`;
// =& "woah%24%C2%A3%24%25%C2%A3%5E%24%22"
// nesting also works:
var str = `foo ${urlify `&&`} bar`;
// =& "foo %26%26 bar"
这样是能用是能用，却依赖于隐式的数组到字符串的强制转换。传递给函数的元素并不是字符串，而是字符串和值构成的数组。如果像上面这样使用，为了方便会被自动转换成字符串，但是正确的方法是直接访问数组成员。
在模板字符串中检索字符串和值
在标签函数内部，不仅可以使用完整字符串，还可以只使用字符串的一部分。
function tag (strings, values) {
console.log(strings);
console.log(values);
console.log(strings[1]);
tag `you ${3+4} it`;
Array [ "you ", " it" ]
你还可以使用原始字符串的数组，这意味着可以获取字符串中的所有字符，这里说的「所有」是指包括控制字符[^注：非打印字符]。比如在添加换行时使用的 \n 就是控制字符。在字符串中只能得到两个空格，而在原始字符串中可以取得 \n 字符。
function tag (strings, values) {
console.log(strings);
console.log(values);
console.log(strings[1]);
console.log(string.raw[1]);
tag `you ${3+4} \nit`;
Array [ "you ", "
模板字符串是ES6引入的超赞小特性，现在就可以使用。如果需要支持更老旧的浏览器，当然还可以把 ES6 转换编译 [注：transpile] 回 ES5。还可以针对模板字符串做一下特性检测，使用诸如 featuretests.io 的库，或者用下面的代码：
var templatestrings =
new Function( "`{2+2}`" );
templatestrings =
} catch (err) {
templatestrings =
if (templatestrings) {
原文 via&http://www.noupe.com/development/es6-for-now-template-strings-93551.html
we bare bears
极客主页：
已上传的图片列表：
尚未上传任何图片...
在线调试地址范例
例如：http://www.gbtags.com/gb/debug/bc4a78a6--b7cb-649ce1bda104.htm
以后再转发，立刻下载！交流 FontCreator会自动删除无unicode编码的字符的名字？ - 极限社区
该主题因在两个月内没有任何回复而自动关闭。如果您还对该主题感兴趣或者想参与对此主题的讨论，请您重新发表一篇相关的新主题。
比如打开一个日文字体，原来名如cidxxxx但是没有unicode编码的字符都会变成没有名字了。
请问是我设置不当，还是FC本来就这样？
看看有unicode编码的有没有名字呢？
印象中不会自动删掉的
有，但是名字变成uniXXXX，本来应该也是cidxxxx的
好像是自动重新命名了
不修改，直接打开再生成otf之后，在fls对比原文件可以看到fc生成的新文件的字符名字都变了
而且很久以前开始就是这样了
其实我特别讨厌cidxxxx
为什么我爱反白文字？因为天涯众来势汹涌！
cid我觉得很好，因为收了同unicode码的异体字
不能自动删除。
但也不是自动修改。
是字体原本就是那个样子。
该主题因在两个月内没有任何回复而自动关闭。如果您还对该主题感兴趣或者想参与对此主题的讨论，请您重新发表一篇相关的新主题。
您不可以发表新主题
您不可以发表回复
您不可以上传附件
您不可以编辑自己的帖子
论坛禁用 HTML 代码
用户控制面板
会员在线状态
Unicode XMan（万国字表）
美化资源悬赏区
会员互助区【存档版块】
【X 桌面Show】
Wallpapers
其他便携设备
论坛活动专区
X Magazine
【极限8周年T恤专版】
头像签名任务互助区
设计师交流区
极限论坛规则
违规与处理
Powered by vBulletin& v3.8.3 &Jelsoft Enterprises Ltd.
所有时间均为北京时间。现在的时间是 。(恬不知耻。)
(深海小豚鼠)
第三方登录：球球里的这个名字符号怎么弄的？_百度知道
球球里的这个名字符号怎么弄的？
我有更好的答案
是开头的足球？还是？
看到了吗？那个.七宝宝
符号好像是两个点组成的圈
看到了，很小的.你可以 试试复制粘贴法！
采纳率：12%
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。鹿晗关晓彤大方公布恋情, “鹿晗”商标却上了热搜！
10月8日，一个全国人民返程肥家的日子，没想到，长假最后一天，堵的不止高速公路，还有微博。
“具体怎么造成的，大家心里也都有数”什么原因？你说什么原因？
上个月还说升级服务器了，让哪个明星来试一下。现在顶级流量公开恋情就把微博搞得瘫痪了，这个……
昨天12点整，鹿晗在微博爆出今年最热的话题——和关晓彤恋爱了，关晓彤也回应了一个爱心。
一开始大家都以为是他俩的新剧《甜蜜暴击》要上了，炒CP而已。可接下来不仅是工作室盖章，还有娱乐圈的朋友，如邓超、陈赫、马思纯、郑恺等人纷纷转发祝福，看来许多女友粉还是碰到了这一天。
一时之间，微博上4000万粉丝失恋，朋友圈全都是心碎的声音......
有人点歌述说心事......
有人刷着淘宝，也挡不住心碎和原谅绿的弹幕飘过......
还有一些粉纷纷向自家爱豆发出劝诫......
笔者作为鹿晗的粉丝，一直关注“鹿晗”中文商标的注册情况，今天特从知识产权角度分析“鹿晗”商标情况是不是也“顺风顺水”呢？
一、细数“鹿晗”商标花落谁家
根据商标网日更新数据，目前共有45件“鹿晗”或者包含“鹿晗”的商标申请，已有12件“鹿晗”商标获得注册，12件“鹿晗”商标获得初步审定公告，最早商标申请日为日。
经过检索发现，这些商标的所有者分别是传成世纪（北京）商务服务有限公司、广州陌陌贸易有限公司、禾全实业（上海）有限公司、深圳万客会电子商务有限公司、仙居县跃马汽车用品有限公司、泉州市极客电子商务有限公司、深圳市一鹿平安文化科技有限公司、郑州佰邦电器有限公司、杭州艾叶服饰有限公司、叶勤雅、郑春晓、孙伟俊等公司或者个人，而鹿晗并不拥有上述24件已注册或者已初审商标。商标网流程显示，该些商标基本上处于异议过程中或者无效宣告过程中。
笔者特别注意到，鹿晗投资的“南京鹿晗影视文化工作室”名下已有商标申请54件，包括“
”（9、28、29、30、32、35、41、42、43类）、“
”（全类注册），最早商标申请日为日，目前商标均在申请过程中。
根据全国企业信息网资料，目前全国已有10多家企业名称中包含“鹿晗”，经营范围覆盖到影视演出，化妆品，服装饰品，日用百货，家居用品，食品、饮料、酒、烟、日用百货零售，投资咨询，技术服务，室内外装饰装潢工程，蔬菜种植等领域。其中，日成立的鹿晗贸易（上海）有限公司是诸多企业中最早成立的，而鹿晗投资的南京鹿晗影视文化工作室则成立于日，稍晚于前者成立。
当下，越来越多的精明商家热衷于抢注知名人物商标，譬如娱乐类名人如“刘德华”、“张柏芝”、“腾格尔”、“周杰伦”、“章子怡”、“范冰冰”、“Angelababy”、“潘长江”、“TFBOYS”、“鹿晗”等，体育类名人如“邓亚萍”、“姚明”、“易建联”、“刘翔”、“孙杨”、“傅园慧”、“宁泽涛”等，文学类名人如“莫言”、“韩寒”、“郭敬明”、“金庸”、“连岳”等，均发生过姓名被他人抢注成商标的案件。
此外，深圳市安东尼网络技术有限公司在2014年至2017年曾先后在与名人、明星相关领域的类别上，如“服装、化妆品”等，将“张学友”、“邓超”、“唐骏”、“刘亦菲”、“林心如”、“林允”、“周杰伦”、“姚晨”、“马云”、“徐熙娣”、“周润发”、“吴奇隆”、“谢娜”、“郎咸平”、“何炅”、“蔡依林”、“陈奕迅”、“古天乐”、“王菲”、“范冰冰”、“罗志祥”、“舒淇”、“郭敬明”、“陈乔恩”、“王力宏”、“郭富城”、“章子怡”、“梁朝伟”、“杨幂”、“谢霆锋”等近70位知名人物的姓名申请注册为商标，目前在部分类别上已经获得注册。
关于他人未经许可，将知名公众人物姓名注册为商标的问题，既涉及到个人姓名权损害问题，也可能涉及对相关公众的误导问题以及产生不良社会影响问题。商标局、商评委和各级法院在行政确权和司法实践中对法律适用上存在不同的理解和判定，具体表现为，有的适用商标法第三十二条损害姓名权条款进行保护，不支持适用不良影响条款，如“邓亚萍”案、“易建联”案；有的适用商标法第十条第一款第（八）项其他不良影响的条款进行保护，如“刘德华”案、“郭晶晶”案、“李小龙”案、“莫言”案；有的适用商标法第十条第一款第（七）项误导公众的条款进行保护，如“葛优”案；有的则因为注册满5年超过以相对理由如姓名权为基础提起无效宣告申请的法定时限，商标评审委和法院不支持适用绝对理由条款如不良影响条款或者误导公众条款而未能得到保护，如“腾格尔”案。
就“鹿晗”商标被抢注案件，笔者猜测鹿晗本人已经基于知名公众人物的姓名权等采取了相应的法律措施，包括提起异议申请、无效宣告申请等，小编也希望能够尽快扫除在先商标障碍，即便可能会经过异议、不予注册复审、无效宣告、诉讼等程序，相信坚持到底，凭借鹿晗的超高人气和律师团队的不懈努力，最终还是可以至少获得“鹿晗”商标在与娱乐活动领域密切相关的类别上注册的。
笔者还是忍不住唠叨一遍，上医治未病，对于姓名权的保护不仅要做好事后救济，还要做好事前的预防。如果知名人物能及早将自己的姓名注册为商标进行保护，一方面可以避免恶意抢注，另一方面拥有注册商标，也有利于对自身名誉的把控。一时闹得沸沸扬扬的“Angelababy”被某公司注册为茶叶商标，该商家还打出“免费把Angelababy抱回家，想怎么泡就怎么泡”的宣传语事件，希望不要发生在鹿晗身上。
对于将“鹿晗”作为企业商号进行登记的问题，笔者认为，鹿晗作为影视明星、知名歌手等具有较高知名度和影响力的社会公众人物，他人未经许可，将其姓名登记为企业字号，而且主营业务与鹿晗本人参与到的如娱乐服务、化妆品、服装等行业密切相关，确实难以摆脱搭便车、构成不正当竞争的嫌疑。
目前《商标法》、《商标法实施条例》、《商标审查及审理标准》、《审理商标授权确权行政案件若干问题的规定》、《反不正当竞争法》、《审理不正当竞争民事案件解释》等均对公众人物姓名权保护作出规定，相关法律规定汇总如下：
1、《商标审查及审理标准》之商标审查标准 第一部分第八条第（二）项之6：
商标由他人姓名构成，未经本人许可，易导致对商品或服务来源产生误认的（如系政治、宗教、历史等公众人物的姓名构成的商标，足以对我国政治、经济、文化、宗教、民族等社会公共利益和公共秩序产生消极，负面影响的，可适用商标法第十条第一款第(八)项规定驳回）。
姓名包括户籍登记中使用的姓名，也包括别名、笔名、艺名、雅名、绰号等。
2、《商标审查及审理标准》之商标审查标准 第一部分第九条第（十）项：
商标中含政治、宗教、历史等公众人物的姓名相同或与之近似文字，足以对我国政治、经济、文化、宗教、民族等社会公共利益和公共秩序产生消极、负面影响的。
3、《商标审查及审理标准》之商标审理标准
第四条第2项2.4 姓名权
2.4.1 未经许可，将他人的姓名申请注册商标，给他人姓名权可能造成损害的，系争商标应当不予核准注册或者予以无效宣告。
2.4.2 适用要件
（1）在相关公众的认知中，系争商标文字指向该姓名权人；
（2）系争商标的注册给他人姓名权可能造成损害。
2.4.3 他人的姓名包括本名、笔名、艺名、别名等。
“他人”是指提出异议、不予注册复审或者无效宣告申请时在世的自然人。
2.4.4 认定系争商标是否损害他人姓名权，应当以相关公众容易将系争商标在其注册使用的商品上指向姓名权人或者与姓名权人建立对应联系为前提，既包括系争商标与他人姓名完全相同，也包括虽然系争商标与他人姓名在文字构成上有所不同，但反映了他人的主要姓名特征，在相关公众的认知中指向该姓名权人。
未经许可使用公众人物的姓名申请注册商标的，或者明知为他人的姓名，却基于损害他人利益的目的申请注册商标的，应当认定为对他人姓名权的损害。
2.4.5系争商标注册申请人应当就其主张的取得姓名权人许可的事实承担举证责任。
在系争商标申请注册日之前姓名权人撤回许可的，超出姓名权人许可使用的商品/服务之外申请注册商标的，在姓名权人未明确许可的使用商品/服务上申请注册商标的，视为未经许可。
2.4.6 使用姓名申请注册商标，误导公众、妨害公序良俗或者有其他不良影响的，依据《商标法》第十条第一款第（七）项、第（八）项的规定进行审查。
4、《审理商标授权确权行政案件若干问题的规定》第五条：
商标标志或者其构成要素可能对我国社会公共利益和公共秩序产生消极、负面影响的，人民法院可以认定其属于商标法第十条第一款第（八）项规定的“其他不良影响”。
将政治、经济、文化、宗教、民族等领域公众人物姓名等申请注册为商标，属于前款所指的“其他不良影响”。
5、《审理商标授权确权行政案件若干问题的规定》第二十条：
当事人主张诉争商标损害其姓名权，如果相关公众认为该商标标志指代了该自然人，容易认为标记有该商标的商品系经过该自然人许可或者与该自然人存在特定联系的，人民法院应当认定该商标损害了该自然人的姓名权。
当事人以其笔名、艺名、译名等特定名称主张姓名权，该特定名称具有一定的知名度，与该自然人建立了稳定的对应关系，相关公众以其指代该自然人的，人民法院予以支持。
6、《反不正当竞争法》第五条第（三）项：
擅自使用他人的企业名称或者姓名，引人误认为是他人的商品的，属不正当竞争行为。
7、《审理不正当竞争民事案件解释》第六条第二款：
在商品经营中使用的自然人的姓名，应当认定为《反不正当竞争法》第五条第（三）项规定的“姓名”。具有一定的市场知名度、为相关公众所知悉的自然人的笔名、艺名等，可以认定为《反不正当竞争法》第五条第（三）项规定的“姓名”。
如果鹿晗最终没能逆天改命，他以后还能正常地使用“鹿晗”商标么？？？会不会侵犯别人的商标权？？？有没有可能遭遇天价索赔？？？
来源：凤凰网、新浪网、这里是美国IPRDAILY
责任编辑：
声明：本文由入驻搜狐号的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
今日搜狐热点}