web前端培训之4种Javascript技巧大全-北京尚学堂.docVIP

北京尚学堂提供 JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员，现如今已成了招聘市场最受追捧的人。 　　在这篇文章里，我将分享一些JavaScript的技巧、秘诀和最佳实践，除了少数几个外，不管是浏览器的JavaScript引擎，还是服务器端JavaScript解释器，均适用。 　　本文中的示例代码，通过了在Google Chrome 30最新版（V8 5）上的测试。 　　1、首次为变量赋值时务必使用var关键字 　　变量没有声明而直接赋值得话，默认会作为一个新的全局变量，要尽量避免使用全局变量。 　　2、使用===取代== 　　==和!=操作符会在需要的情况下自动转换数据类型。但===和!==不会，它们会同时比较值和数据类型，这也使得它们要比==和!=快。 [10] === 10 // is false [10] == 10 // is true 10 == 10 // is true 10 === 10 // is false [] == 0 // is true [] === 0 // is false == false // is true but true == a is false === false // is false 　　3、underfined、null、0、false、NaN、空字符串的逻辑结果均为false 　　4、行尾使用分号 　　实践中最好还是使用分号，忘了写也没事，大部分情况下JavaScript解释器都会自动添加。对于为何要使用分号，可参考文章JavaScript中关于分号的真相。 　　5、使用对象构造器 function Person(firstName, lastName){ this.firstName = firstName; this.lastName = lastName; } var Saad = new Person(Saad, Mousliki); 　　6、小心使用typeof、instanceof和contructor typeof：JavaScript一元操作符，用于以字符串的形式返回变量的原始类型，注意，typeof null也会返回object，大多数的对象类型（数组Array、时间Date等）也会返回object contructor：内部原型属性，可以通过代码重写 instanceof：JavaScript操作符，会在原型链中的构造器中搜索，找到则返回true，否则返回false var arr = [a, b, c]; typeof arr; // 返回 object arr instanceof Array // true arr.constructor(); //[] 　　7、使用自调用函数 　　函数在创建之后直接自动执行，通常称之为自调用匿名函数（Self-Invoked Anonymous Function）或直接调用函数表达式（Immediately Invoked Function Expression ）。格式如下： (function(){ // 置于此处的代码将自动执行 })(); (function(a,b){ var result = a+b; return result; })(10,20) 　　8、从数组中随机获取成员 var items = [12, 548 , a , 2 , 5478 , foo , 8852, , Doe , 2145 , 119]; var randomItem = items[Math.floor(Math.random() * items.length)]; 　　9、获取指定范围内的随机数 　　这个功能在生成测试用的假数据时特别有数，比如介与指定范围内的工资数。 var x = Math.floor(Math.random() * (max - min + 1)) + min; 　　10、生成从0到指定值的数字数组 var numbersArray = [] , max = 100; for( var i=1; numbersArray.push(i++) max;); // numbers = [1,2,3 ... 100] 　　11、生成随机