首页 » 网站推广 » php函数自调技巧_20个有用的JavaScript实用技巧教你轻松写代码

php函数自调技巧_20个有用的JavaScript实用技巧教你轻松写代码

访客 2024-11-28 0

扫一扫用手机浏览

文章目录 [+]

[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 false3、underfined、null、0、false、NaN、空字符串的逻辑结果均为false4、行尾利用分号

实践中最好还是利用分号,忘了写也没事,大部分情形下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

php函数自调技巧_20个有用的JavaScript实用技巧教你轻松写代码

var arr = ["a", "b", "c"];typeof arr; // 返回 "object" arr instanceof Array // truearr.constructor(); //[]7、利用自调用函数

函数在创建之后直接自动实行,常日称之为自调用匿名函数(Self-Invoked Anonymous Function)或直接调用函数表达式(Immediately Invoked Function Expression )。
格式如下:

php函数自调技巧_20个有用的JavaScript实用技巧教你轻松写代码
(图片来自网络侵删)

(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、天生随机的字母数字字符串

function generateRandomAlphaNum(len) { var rdmString = ""; for( ; rdmString.length < len; rdmString += Math.random().toString(36).substr(2)); return rdmString.substr(0, len);}12、打乱数字数组的顺序

var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411];numbers = numbers.sort(function(){ return Math.random() - 0.5});/ numbers 数组将类似于 [120, 5, 228, -215, 400, 458, -85411, 122205] /

这里利用了JavaScript内置的数组排序函数,更好的办法是用专门的代码来实现(如Fisher-Yates算法),可以拜会StackOverFlow上的这个谈论。

13、字符串去空格

Java、C#和php等措辞都实现了专门的字符串去空格函数,但JavaScript中是没有的,可以通过下面的代码来为String工具函数一个trim函数:

String.prototype.trim = function(){return this.replace(/^\s+|\s+$/g, "");};

新的JavaScript引擎已经有了trim()的原生实现。

14、数组之间追加

var array1 = [12 , "foo" , {name "Joe"} , -2458];var array2 = ["Doe" , 555 , 100];Array.prototype.push.apply(array1, array2);/ array1 值为 [12 , "foo" , {name "Joe"} , -2458 , "Doe" , 555 , 100] /15、工具转换为数组

var argArray = Array.prototype.slice.call(arguments);16、验证是否是数字

function isNumber(n){ return !isNaN(parseFloat(n)) && isFinite(n);}17、 验证是否是数组

function isArray(obj){ return Object.prototype.toString.call(obj) === '[object Array]' ;}

但如果toString()方法被重写过得话,就行不通了。
也可以利用下面的方法:

Array.isArray(obj); // its a new Array method

如果在浏览器中没有利用frame,还可以用instanceof,但如果高下文太繁芜,也有可能出错。

var myFrame = document.createElement('iframe');document.body.appendChild(myFrame);var myArray = window.frames[window.frames.length-1].Array;var arr = new myArray(a,b,10); // [a,b,10] // myArray 的布局器已经丢失,instanceof 的结果将不正常// 布局器是不能跨 frame 共享的arr instanceof Array; // false18、获取数组中的最大值和最小值

var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411]; var maxInNumbers = Math.max.apply(Math, numbers); var minInNumbers = Math.min.apply(Math, numbers);19、清空数组

var myArray = [12 , 222 , 1000 ]; myArray.length = 0; // myArray will20、利用length属性截断数组

前面的例子中用length属性清空数组,同样还可用它来截断数组:

var myArray = [12 , 222 , 1000 , 124 , 98 , 10 ]; myArray.length = 4; // myArray will be equal to [12 , 222 , 1000 , 124].

与此同时,如果把length属性变大,数组的长度值变会增加,会利用undefined来作为新的元素添补。
length是一个可写的属性。

myArray.length = 10; // the new array length is 10 myArray[myArray.length - 1] ; // undefined

标签:

相关文章

介绍直播新纪元,轻松进入直播的五大步骤

随着互联网技术的飞速发展,直播行业在我国逐渐崛起,越来越多的人选择通过直播这一新兴媒介展示自己、分享生活、传递价值。对于许多新手来...

网站推广 2025-01-03 阅读1 评论0

介绍相机美颜原理,科技与美学的完美结合

随着科技的发展,智能手机的摄像头功能日益强大,美颜相机成为了许多人拍照的首选。美颜相机不仅满足了人们对于美的追求,更在视觉上给人带...

网站推广 2025-01-03 阅读1 评论0

介绍磁铁的制造,科学与艺术的完美结合

磁铁,一种神秘的物质,自古以来就吸引了无数人的目光。它不仅具有独特的磁性,还能在工业、医疗、科研等领域发挥重要作用。磁铁是如何制造...

网站推广 2025-01-03 阅读1 评论0

介绍电瓶激活方法,让电池焕发新生

随着科技的不断发展,电动汽车逐渐成为人们出行的首选。而电瓶作为电动汽车的核心部件,其性能直接影响着车辆的续航里程和行驶体验。新购买...

网站推广 2025-01-03 阅读1 评论0