- 浏览: 5167330 次
- 性别:
- 来自: 天津
博客专栏
-
实战 Groovy
浏览量:29353
文章分类
- 全部博客 (639)
- 代码之谜 (6)
- JavaScript quirks (5)
- 程序员 (92)
- Java (93)
- BT编程 (7)
- html/css (64)
- Groovy&Grails (42)
- Android (20)
- C/C++ (5)
- PHP/Perl/Python (46)
- 经典文章 (51)
- CodeIgniter (14)
- JQuery (10)
- 笑话 (4)
- 其他 (32)
- javascript (69)
- 云计算 (0)
- html5 (7)
- 面试 (8)
- google (3)
- nosql (2)
- nodejs (11)
- go (5)
- erlang (1)
- 小常识 (3)
- 冷知识 (5)
- database (4)
- web (12)
- 架构 (12)
- Exception (0)
最新评论
-
jqw1992:
https://www.chromefor.com/libra ...
[福利] 开发者必备的 Chrome 插件——ChromeSnifferPlus -
litjerk:
初步算了一下,目前最最精简的Win98版是5M,他5个小时多敲 ...
让人目瞪口呆的三位世界级电脑大师 -
379855529:
。。似乎重点没说NIO啊,前面基础只是铺垫的很好的,可是我要的 ...
Java NIO与IO的详细区别(通俗篇) -
springmvc_springjpa:
spring mvc demo教程源代码下载,地址:http: ...
一步步开发 Spring MVC 应用 -
匡建武:
Good
四个程序员的一天
Douglas Crockford目前世界上最精通Javascript的人之一,也是Json格式的创造者。
他认为Javascript有很多糟粕。因为1995年Brendan Eich设计这种语言的时候,只用了三个月,很多语言特性没有经过深思熟虑,就推向了市场。结果等到人们意识到这些问题的时候,已经有100万程序员在使用它了,不可能再大幅修改语言本身了。所以,Douglas Crockford决定,他要告诉大家,Javascript中哪些部分是精粹,哪些部分是糟粕和鸡肋。
这个想法非常好,但是我不得不说,这本书写得不够好,不适合新手阅读。原因如下:1)Douglas Crockford叙述得不清晰,更像与同行讨论问题,而不是由浅入深地讲解问题。这本书的重点不是解释,所以读完后,我觉得Javascript好像变得更复杂了。2)他固执地使用铁路图(railroad diagram)解释每一条语句。全世界似乎只有他一个人使用这种比Javascript更难看懂的图。3)该书基本上是一本简化的Javascript语法手册,缺乏足够的新内容。4)该书举例过少,而且在最难的函数和对象部分,使用的例子都是环环相套、层层递进的例子,导致阅读起来很吃力。
该书最有价值的内容不是正文,反而是附录。在附录B中,Douglas Crockford列出了12种应该避免使用的Javascript语法,我觉得非常值得推广。
==============================
1. ==
Javascript有两组相等运算符,一组是==和!=,另一组是===和!==。前者只比较值的相等,后者除了值以外,还比较类型是否相同。
请尽量不要使用前一组,永远只使用===和!==。因为==默认会进行类型转换,规则十分难记。如果你不相信的话,请回答下面五个判断式的值是true还是false:
false == 'false'
false == undefined
false == null
null == undefined
0 == ''
前三个是false,后两个是true。
2. with
with的本意是减少键盘输入。比如
obj.a = obj.b;
obj.c = obj.d;
可以简写成
with(obj) {
a = b;
c = d;
}
但是,在实际运行时,解释器会首先判断obj.b和obj.d是否存在,如果不存在的话,再判断全局变量b和d是否存在。这样就导致了低效率,而且可能会导致意外,因此最好不要使用with语句。
3. eval
eval用来直接执行一个字符串。这条语句也是不应该使用的,因为它有性能和安全性的问题,并且使得代码更难阅读。
eval能够做到的事情,不用它也能做到。比如
eval("myValue = myObject." + myKey + ";");
可以直接写成
myValue = myObject[myKey];
至于ajax操作返回的json字符串,可以使用官方网站提供的解析器json_parse.js运行。
4. continue
这条命令的作用是返回到循环的头部,但是循环本来就会返回到头部。所以通过适当的构造,完全可以避免使用这条命令,使得效率得到改善。
5. switch 贯穿
switch结构中的case语句,默认是顺序执行,除非遇到break,return和throw。有的程序员喜欢利用这个特点,比如
switch(n) {
case 1:
case 2:
break;
}
这样写容易出错,而且难以发现。因此建议避免switch贯穿,凡是有case的地方,一律加上break。
switch(n) {
case 1:
break;
case 2:
break;
}
6. 单行的块结构
if、while、do和for,都是块结构语句,但是也可以接受单行命令。比如
if (ok) t = true;
甚至写成
if (ok)
t = true;
这样不利于阅读代码,而且将来添加语句时非常容易出错。建议不管是否只有一行命令,都一律加上大括号。
if (ok){
t = true;
}
7. ++和--
递增运算符++和递减运算符--,直接来自C语言,表面上可以让代码变得很紧凑,但是实际上会让代码看上去更复杂和更晦涩。因此为了代码的整洁性和易读性,不用为好。
8. 位运算符
Javascript完全套用了Java的位运算符,包括按位与&、按位或|、按位异或^、按位非~、左移<<、带符号的右移>>和用0补足的右移>>>。
这套运算符针对的是整数,所以对Javascript完全无用,因为Javascript内部,所有数字都保存为双精度浮点数。如果使用它们的话,Javascript不得不将运算数先转为整数,然后再进行运算,这样就降低了速度。而且“按位与运算符”&同“逻辑与运算符”&&,很容易混淆。
9. function语句
在Javascript中定义一个函数,有两种写法:
function foo() { }
和
var foo = function () { }
两种写法完全等价。但是在解析的时候,前一种写法会被解析器自动提升到代码的头部,因此违背了函数应该先定义后使用的要求,所以建议定义函数时,全部采用后一种写法。
10. 基本数据类型的包装对象
Javascript的基本数据类型包括字符串、数字、布尔值,它们都有对应的包装对象String、Number和Boolean。所以,有人会这样定义相关值:
new String("Hello World");
new Number(2000);
new Boolean(false);
这样写完全没有必要,而且非常费解,因此建议不要使用。
另外,new Object和new Array也不建议使用,可以用{}和[]代替。
11. new语句
Javascript是世界上第一个被大量使用的支持Lambda函数的语言,本质上属于与Lisp同类的函数式编程语言。但是当前世界,90%以上的程序员都是使用面向对象编程。为了靠近主流,Javascript做出了妥协,采纳了类的概念,允许根据类生成对象。
类是这样定义的:
var Cat = function (name) {
this.name = name;
this.saying = 'meow' ;
}
然后,再生成一个对象
var myCat = new Cat('mimi');
这种利用函数生成类、利用new生成对象的语法,其实非常奇怪,一点都不符合直觉。而且,使用的时候,很容易忘记加上new,就会变成执行函数,然后莫名其妙多出几个全局变量。所以,建议不要这样创建对象,而采用一种变通方法。
Douglas Crockford给出了一个函数:
Object.beget = function (o) {
var F = function (o) {};
F.prototype = o ;
return new F;
};
创建对象时就利用这个函数,对原型对象进行操作:
var Cat = {
name:'',
saying:'meow'
};
var myCat = Object.beget(Cat);
对象生成后,可以自行对相关属性进行赋值:
myCat.name = 'mimi';
12. void
在大多数语言中,void都是一种类型,表示没有值。但是在Javascript中,void是一个运算符,接受一个运算数,并返回undefined。
void 0; // undefined
这个命令没什么用,而且很令人困惑,建议避免使用。
发表评论
-
Lo-Dash 与 underscore,Prototype 与 jQuery,两段恩怨情仇
2015-12-15 09:35 1677这几天更新我的之前写的 Chrome 插件 ChromeSn ... -
JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节
2015-07-16 14:15 15042013年5月,Yehuda Katz 完 ... -
强强联合:FluxBB 作者加盟 Flarum
2015-03-18 09:36 1730原文:FluxBB Joins Forces With Fl ... -
基于单个 div 的 CSS 绘图
2015-01-04 12:38 88056原文: Single Div Drawings with C ... -
开发者必备的 Chrome 扩展
2014-11-03 15:01 2003Firebug:不用多介绍了吧https://chrome. ... -
开发者福利!ChromeSnifferPlus 插件正式登陆 Chrome Web Store
2014-10-30 21:14 106580今天(2014-10-30)下午,ChromeSniffer ... -
Firebase 相关文章索引
2014-10-23 10:21 2194Awesome Firebase 最近谷歌收购Fireb ... -
JSON API:用 JSON 构建 API 的标准指南中文版
2014-10-14 08:26 19860译文地址:https://github. ... -
前端开发,从菜鸟到大牛的取经之路
2014-07-14 15:15 378876以我的经验,大部分技术,熟读下列四类书籍即可。 入门, ... -
JavaScript Puzzlers 解密(一):为什么 ["1", "2", "3"].map(parseInt) 返回 [1, NaN, NaN]?
2014-02-19 10:58 40401JavaScript Puzzlers! 被称为 javas ... -
JavaScript 的怪癖 4:未知变量名创建全局变量
2013-12-02 15:25 1383原文:JavaScript quirk 4: unknown ... -
JavaScript 的怪癖 5:参数的处理
2013-12-02 15:23 3232原文:JavaScript quirk 5: parame ... -
【ghost初级教程】 怎么搭建一个免费的ghost博客
2013-10-28 14:10 6201ghost博客系统无疑是这个月最火热的话题之一,这个号称” ... -
10 个你需要了解的最佳 javascript 开发实践
2013-10-16 13:54 3594Javascript 的很多扩展的特性是的它变得更加的犀利 ... -
基于 canvas 将图片转化成字符画
2013-09-26 15:05 6575猛点 这里 看高清 ... -
详解一下 javascript 中的比较
2013-09-22 09:30 1913代码1: [] == []; // false ... -
谈 javascript 变量声明
2013-06-14 10:35 1884这篇文章还是对基础的复习,对面试经历的一个总结。 之前的 ... -
[译]Javascript 作用域和变量提升
2013-06-13 13:16 5182下面的程序是什么结果? var fo ... -
javascript:可以运行的噪音
2013-06-01 09:34 9268为我的博客做了一个很有 geek 风格的关于页面。运行下面 ... -
【layoutit!】基于 bootstrap 实现可视化布局工具
2013-05-20 11:23 14618Layout It 是一个在线工具,它可以简单而又快速搭建 ...
相关推荐
以下是对标题中提到的12种不宜使用的JavaScript语法的详细知识点说明: 1. 使用全等(===)和不全等(!==)运算符 在JavaScript中,等号运算符分为两组:一组是双等号(==)和双不等号(!=),另一组是三等号(===)和三不...
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责实现客户端的交互和动态效果。在HTML文档中,JavaScript可以通过`<script>`标签插入,可以在任何位置,包括`<HTML>`标签之前,但若在框架网页中...
- 使用简写语法创建对象和数组,如`const obj = { key: value };`和`const arr = [value1, value2];`。 - 对象字面量中避免使用getter和setter,除非必要,否则直接定义属性。 - 避免在数组或对象中混用索引和...
例如,React 使用 JSX 语法(JavaScript 与 HTML 的混合)来描述用户界面,通过虚拟DOM优化性能。 JavaScript 还支持ES6(ECMAScript 2015)及后续版本的新特性,如箭头函数、类、模板字符串、解构赋值等,提升了...
JavaScript实现秒杀时钟倒计时的核心知识点主要...不仅包括了语法和API的使用,还涉及到网页设计和用户体验的考量。希望这篇文章能够帮助读者更好地理解如何使用JavaScript实现倒计时功能,并在实际项目中加以应用。
总结,通过这个JS实现的贪吃蛇游戏,我们可以学习到JavaScript的基础语法、DOM操作、事件监听、对象和数组的使用,以及Canvas绘图技术。同时,也能锻炼问题解决和代码优化的能力。对于初学者而言,这是一个很好的...
1. **JavaScript基础**:首先,你需要了解JavaScript的基本语法,包括变量声明、数据类型、函数定义等。这是编写任何JavaScript代码的基础。 2. **DOM操作**:为了在网页上显示时钟,你需要与HTML文档对象模型(DOM...
- 换行:每一行代码长度不宜超过120个字符,以增强代码的可读性。 2. **命名规则**: - `class`名:全小写字母,单词之间用连字符(-)分隔。`class`名应反映内容或功能,而不是样式信息。例如:`.sidebar`。 - `...
HTML规范中,建议使用软tab(4个空格)进行语法缩进,每行字符不宜超过120个。属性使用双引号,单标签不闭合,双标签必须闭合。HTML文档应使用H5的DOCTYPE声明,并指定UTF-8字符编码。lang属性用于提示语音和翻译...
- 使用箭头函数简化语法。 3. **对象和数组**: - 对象键名采用字符串形式,如`"name"`而非`name`。 - 使用解构赋值简化数组和对象的操作。 4. **错误处理**: - 使用`try...catch`语句处理异常情况。 - 对...
在网页设计中,"Tab标签切换"是一种常见的交互设计模式,用于组织和展示大量信息。Tab组件能够有效地节省页面空间,提升用户体验,让用户能够轻松地在不同内容板块之间切换。本知识点将深入探讨Tab切换特效的实现...
禁止可留言的网页页面使用JavaScript语法 有些网站允许用户在评论区使用JavaScript代码,这可能会引发XSS攻击。因此,对于用户可以直接编辑HTML的部分,最好禁用所有的JavaScript语法,以确保网站的安全。 #### 6...
- **重要内容不宜使用JavaScript输出**:许多爬虫不执行JavaScript来获取内容,因此关键信息应直接包含在HTML文档中。 - **减少iframe的使用**:搜索引擎往往不抓取iframe中的内容。 - **非装饰性图片添加alt属性...
1. **HTML模板**:这些文件(通常是`.hbs`后缀)包含了应用的结构,它们使用Handlebars语法来定义动态内容的占位符。 2. **JavaScript文件**:这些文件(可能是`.js`后缀)包含了应用的逻辑,包括处理用户交互、数据...