深入理解javascript学习笔记(一) 编写高质量代码


Posted in Javascript onAugust 09, 2012

一、变量

•全局变量
JavaScript的两个特征,不自觉地创建出全局变量是出乎意料的容易。首先,你可以甚至不需要声明就可以使用变量;第二,JavaScript有隐含的全局概念,意味着你不声明的任何变量都会成为一个全局对象属性(不是真正意义上的全局变量,可以用delete删除)

function sum(x,y) { 
// result 未声明,为隐式全局变量 
result = x + y; 
return result; 
} function foo() { 
// 使用任务链进行部分var声明,b为隐式全局变量 
var a = b = 1; 
}

建议:
function (x,y) { 
var a ,b ; 
a = b = 1;//a,b 为局部变量 
}

•var作用
通过var创建的全局变量(任何函数之外的程序中创建)是不能被删除的。无var创建的隐式全局变量(无视是否在函数中创建)是能被删除的。
// 定义三个全局变量 
var global_var = 1; 
global_novar = 2; // 反面教材 
(function () { 
global_fromfunc = 3; // 反面教材 
}()); // 试图删除 
delete global_var; // false 
delete global_novar; // true 
delete global_fromfunc; // true 
// 测试该删除 
typeof global_var; // "number" 
typeof global_novar; // "undefined" 
typeof global_fromfunc; // "undefined"

•单var形式声明变量
在函数顶部使用单var语句是比较有用的一种形式。所有未初始化但声明的变量的初始值是undefined
function func() { 
var a = 1, 
b = 2, 
sum = a + b, 
myobject = {}, 
i, 
j; 
// function body... 
}

•var散布问题
// 反例 
myname = "global"; // 全局变量 
function func() { 
alert(myname); //"undefined" var myname = "local"; alert(myname); // "local" } func();等同于: 
myname = "global"; // global variable 
function func() { 
var myname; // 等同于 -> var myname = undefined; 
alert(myname); // "undefined" 
myname = "local"; 
alert(myname); // "local"} 
func();

二 for循环

•建议使用

function looper() { 
var i = 0, 
max, 
myarray = []; 
// ... 
for (i = 0, max = myarray.length; i < max; i++) { 
// 使用myarray[i]做点什么 
} 
}

使用以下表达式代替i++
i = i + 1 
i += 1以下两种循环方式更快 
//第一种变化的形式: 
var i, myarray = []; 
for (i = myarray.length; i?-;) { 
// 使用myarray[i]做点什么 
} 
//第二种使用while循环: 
var myarray = [], 
i = myarray.length; 
while (i?-) { 
// 使用myarray[i]做点什么 
}

•for-in循环
应用在非数组对象的遍历上,数组使用正常的for循环,对象使用for-in循环。使用hasOwnProperty()方法,当遍历对象属性的时候可以过滤掉从原型链上下来的属性。

三 避免隐式类型转换

•坚持使用===和!==

四 避免使用eval,以及避免给setInterval(), setTimeout()和Function()构造函数传递字符串,用函数代替。

五 parseInt()数值转换

建议给基数参数赋值,

var month = "06", 
year = "09"; 
month = parseInt(month, 10);//开头为0的字符串会被当做8进制处理 
year = parseInt(year, 10);

六 编程规范

构造函数命名:MyConstructor();

一般函数命名:myFunction();

变量命名:firstName;

私有属性或方法:_secondeName,

常量:PI,MAX;

Javascript 相关文章推荐
js escape,unescape解决中文乱码问题的方法
May 26 Javascript
jquery isType() 类型判断代码
Feb 14 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
Nov 16 Javascript
谈谈target=_new和_blank的不同之处
Oct 25 Javascript
js调用刷新界面的几种方式
May 03 Javascript
angular 基于ng-messages的表单验证实例
May 04 Javascript
webpack学习--webpack经典7分钟入门教程
Jun 28 Javascript
详解解决使用axios发送json后台接收不到的问题
Jun 27 Javascript
JavaScript之数组扁平化详解
Jun 03 Javascript
解决layer图标icon不加载的问题
Sep 04 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
Oct 15 Javascript
vue实现两个区域滚动条同步滚动
Dec 13 Vue.js
JS数学函数Exp使用说明
Aug 09 #Javascript
基于jQuery实现左右div自适应高度完全相同的代码
Aug 09 #Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
Aug 09 #Javascript
用JQuery在网页中实现分隔条功能的代码
Aug 09 #Javascript
基于jQuery的简单九宫格实现代码
Aug 09 #Javascript
JavaScript基础知识之数据类型
Aug 06 #Javascript
jquery 插件学习(六)
Aug 06 #Javascript
You might like
解析php多线程下载远程多个文件
2013/06/25 PHP
PHP+memcache实现消息队列案例分享
2014/05/21 PHP
增强的 JavaScript 的 trim 函数的代码
2007/08/13 Javascript
js 单引号 传递方法
2009/06/22 Javascript
juqery 学习之三 选择器 层级 基本
2010/11/25 Javascript
JS中动态添加事件(绑定事件)的代码
2011/01/09 Javascript
jquery each()源代码
2011/02/14 Javascript
JS 模态对话框和非模态对话框操作技巧汇总
2013/04/15 Javascript
js图片延迟加载的实现方法及思路
2013/07/22 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
2016/02/14 Javascript
Javascript中判断一个值是否为undefined的方法详解
2016/09/28 Javascript
微信小程序 开发之全局配置
2017/05/05 Javascript
JavaScript实现鼠标滚轮控制页面图片切换功能示例
2017/10/14 Javascript
微信小程序select下拉框实现效果
2019/05/15 Javascript
js new Date()实例测试
2019/10/31 Javascript
从零使用TypeScript开发项目打包发布到npm
2020/02/14 Javascript
js实现百度淘宝搜索功能
2020/02/17 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
2020/11/13 Javascript
使用Python编写一个在Linux下实现截图分享的脚本的教程
2015/04/24 Python
基于 Django 的手机管理系统实现过程详解
2019/08/16 Python
Python3将数据保存为txt文件的方法
2019/09/12 Python
用Python实现校园通知更新提醒功能
2019/11/23 Python
基于python实现对文件进行切分行
2020/04/26 Python
python 删除系统中的文件(按时间,大小,扩展名)
2020/11/19 Python
如何用 Python 处理不平衡数据集
2021/01/04 Python
戴尔荷兰官方网站:Dell荷兰
2020/10/04 全球购物
统计系教授推荐信
2014/02/28 职场文书
财务总监管理岗位职责
2014/03/08 职场文书
医院义诊活动总结
2014/07/04 职场文书
运动会报道稿300字
2014/10/02 职场文书
租房协议书范例
2014/10/14 职场文书
乡镇群众路线专项整治方案
2014/11/03 职场文书
幼儿园中班班级总结
2015/08/10 职场文书
2016年教师学习教师法心得体会
2016/01/20 职场文书
90条交通安全宣传标语
2019/10/12 职场文书
AudioContext 实现音频可视化(web技术分享)
2022/02/24 Javascript