JavaScript程序设计基础与实战- 课件 模块8　JavaScript编程技巧及应用.pptx

JavaScript编程技巧及应用JavaScript程序设计基础与实战Learningandpractice时间:演讲人：

目录/DIRECTORY养成良好的JavaScript编程习惯编写JavaScript程序时可能存在的问题优化JavaScript代码与提升程序性能JavaScript的异常处理JavaScript代码的调试变量的结构赋值JSON及其使用方法正确使用cookie实战演练

1.养成良好的JavaScript编程习惯编写JavaScript程序时，尽量养成良好的编程习惯，这样可以提高编程效率，减少程序错误。（1）尽量少使用全局变量和函数。全局变量和函数可能会被其他脚本覆盖，建议使用局部变量和函数替代。（2）始终声明局部变量。所有在函数中使用的变量都应该被声明为局部变量。局部变量必须通过var或let关键字来声明，否则它们将变成全局变量。严格模式不允许出现未声明的变量。（3）把所有变量声明放在每个脚本或函数的顶部。在脚本或函数顶部声明变量的好处如下：获得更整洁的代码、提供查找局部变量的好位置、更容易避免声明不需要的全局变量、减少不需要的重复声明的可能性。例如：//在顶部声明varprice,numamount;//稍后使用price=21.80;num=5;amount=price*num?；

1.养成良好的JavaScript编程习惯（4）在声明时进行变量初始化。在声明时进行变量初始化的好处如下：获得更整洁的代码、在单独的位置初始化变量、避免变量未赋值。在声明时进行变量初始化使读者能够了解变量的预期用途和预期的数据类型。例如：//在开头进行变量声明和初始化varname=,price=0,myArray=[],myObject={};（5）不要声明Number、String或Boolean对象。建议始终将Number、String或Boolean值视作原始值，而非对象。如果把它们声明为对象，则会拖慢代码的执行速度，并产生无法预料的副作用。例如：varx=张珊;vary=newString(张珊);(x===y)//结果为false，因为x是字符串，而y是对象

1.养成良好的JavaScript编程习惯（6）少使用newObject()等。建议使用{}来代替newObject()，使用来代替newString()，使用0来代替newNumber()，使用false来代替newBoolean()，使用[]来代替newArray()，使用/()/来代替newRegExp()，使用function(){}来代替newFunction()。例如：varx1={};//新对象varx2=;//新的原始字符串varx3=0;//新的原始数值varx4=false;//新的原始布尔值varx5=[];//新的数组对象varx6=/()/;//新的正则表达式varx7=function(){};//新的函数对象（7）编写程序时需要意识到数据类型可能会自动转换。JavaScript是一种弱类型语言，变量可以定义为不同的数据类型，并且变量的数据类型可能会自动转换。数值会被意外转换为字符串或NaN。

1.养成良好的JavaScript编程习惯varx=Hello;//typeofx返回stringx=5;//typeofx返回number如果进行数学运算，则JavaScript能够将数值转换为字符串，例如：varx=5+7;//x.valueOf()返回2,typeofx返回numbervarx=5+7;//x.valueOf()返回57,typeofx返回stringvarx=5+7;//x.valueOf()返回57,typeofx返回stringvarx=5-7;//x.valueOf()返回-2,typeofx返回numbervarx=5-7;//x.valueOf()返回-2,typeofx返回numbervarx=5-7;//x.valueOf()返回-2,typeofx返回numbervarx=5-x;//x.valueOf()返回NaN,typeofx返回number

1.养成良好的JavaScript编程习惯如果使用字符串减去字符串，则不会产生错误而是返回NaN，例如：Hello-张珊//