手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >深入理解javascript学习笔记(一) 编写高质量代码
深入理解javascript学习笔记(一) 编写高质量代码
摘要:一、变量•全局变量JavaScript的两个特征,不自觉地创建出全局变量是出乎意料的容易。首先,你可以甚至不需要声明就可以使用变...

一、变量

•全局变量

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学习笔记(一) 编写高质量代码】相关文章:

关于JavaScript作用域你想知道的一切

javascript实现可拖动变色并关闭层窗口实例

javascript生成不重复的随机数

在HTML中插入JavaScript代码的示例

javascript中动态函数用法

由浅到深了解JavaScript类

详谈javascript中的cookie

Javascript生成全局唯一标识符(GUID,UUID)的方法

JavaScript常用数组算法小结

javascript事件冒泡和事件捕获详解

精品推荐
分类导航