本系列作为Effective JavaScript的读书笔记。 在Item 21中,介绍了结合apply方法实现的可变参数列表函数average,它实际上只声明了一个数组作为参数,但是利用apply方法,实际上可以接受若干元素作为参数: function averageOfArray(a) {for (var i = 0, sum = 0, n = a.length; i < n; i++) {sum += a[i];}return sum / n; } averageOfArray.apply(null, [1, 2, 3, 4, 5]); 而利用arguments变量,可以将声明的参数也去掉。即函数可...
js只保留整数,向上取整,四舍五入,向下取整等函数1.丢弃小数部分,保留整数部分parseInt(5/2)2.向上取整,有小数就整数部分加1Math.ceil(5/2)3,四舍五入.Math.round(5/2)4,向下取整Math.floor(5/2)Math 对象的方法方法 描述abs(x) 返回数的绝对值acos(x) 返回数的反余弦值asin(x) 返回数的反正弦值atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值atan2(y,x) 返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧...
正则并不是经常使用,而正则和字符串之间的函数关系又错综复杂,谁是谁的函数,又是怎么样的一种结果,往往我们是看一遍忘一遍,对此我是头疼不已,感觉自己是个笨蛋^_^。为了以后不再查文档,特此把常用的函数和功能,简明扼要的罗列在此,以备日后查看:RegExp对象的函数常用的有2个1、test函数用法:RegExpObject.test(string)返回:如果字符串 string 中含有与 RegExpObject 匹配的文本,则返回 true,否则返回 false。描述:这...
构造函数构造函数,是一种特殊的方法。主要用来创建对象时初始化对象,即为对象成员变量赋初始值,总与new运算符一起使用在创建对象的语句中。特别的一个类可以有多个构造函数,可根据其参数个数的不同或参数类型的不同来区分它们即构造函数的重载。示例:<span style="font-size:18px;">function Box(name,age) {this.name=name;this.age=age;this.run=function(){return this.name+this.age+'运行中。。。';}; }var box1=new Box...
整理JavaScript方面的一些技巧,比较实用的函数,常见功能实现方法,仅作参考 变量转换//edit http://www.lai18.com var myVar = "3.14159", str = ""+ myVar,// to string int = ~~myVar, // to integer float = 1*myVar, // to float bool = !!myVar, /* to boolean - any string with length and any number except 0 are true */ array = [myVar]; // to array但是转换日期(new Date(myVar))和正则表达式(new RegExp(...
关于函数声明:如果 function 是声明中的第一个词, 那么就是一个函数声明, 否则就是一个函数表达式。例如匿名函数这种形式,函数会被当作函数表达式而不是一个标准的函数声明来处理。(function(){// 立即执行函数表达式 })()这种表达式有另外一种用途是倒置代码的运行顺序, 将需要运行的函数放在第二位, 在 IIFE执行之后当作参数传递进去。var a = 2; (function IIFE( def ) {def( window ); })(function def( global ) {var a...
javascript定义函数的方法第一种:functoion 函数名(p1, p2) {函数执行体;return p1 + p2; }第二种 //用的比较多var tt = fuction(p1, p2) {return p1 + p2; }第三种newfunction(p1,p2, p3......pn) {pn是执行体; }重点:每次定义一个js函数的时候就同时产生一个类javascript使用与不使用var的区别使用不使用var的区别: →如果使用var定义变量,那程序会强制定义个新变量。 →如果没有使用var定义变量,系统会优先在当前上下文中...
一. js中共6个属性描述符1. value2. writable3. configurable //定义是否可以删除4. enumerable //是否可以迭代(遍历打印)5. get6. set---------------------------------------------------------------------------------------------------定义get和set时需定义在一个匿名方法里面,如:function Cat(){};(function(){ var _someName = "Bruce.Yin"; Object.prototype.defineProperty(Cat.prototype ,"someName "...
类、构造函数、原型 :本质均为函数利用的原理是:词法作用域,调用对象及作用域链 闭包 属性查找方式 设计和new运算符一起使用的函数叫做构造函数。构造函数的工作:初始化一个新创建的对象,设置在使用对象前需要设置的所有属性。 注:new创建一个新的没有任何属性的对象,然后调用该函数(调用对象),把此对象作为this关键字的值传递给构造函数。构造函数通常是没有返回值,只是为这个this设置属性,但一个构造函数是允许返...
此文的目的是分析函数的四种调用形式,弄清楚函数中this的意义,明确构造函对象的过程,学会使用上下文调用函数。 在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非像C#或 其他描述性语言那样仅仅作为一个模块来使用. 函数有四种调用模式,分别是:函数调用形式、方法调用形式、构造器形式、以及apply形式. 这里所有的调用模式中,最主要的区别在于关键字 this 的意义. 下面分别介绍这个几种调用形式. ...
函数表达式//匿名函数 var anonymous = function(){ return true; };//命名函数 var named = function named(){ return true; }//IIFE 函数 Immediately-Invoked Function Expression (function(){console.log('Hello!'); })(); 不要再非函数块中(if while etc)声明函数,尽管浏览器允许你分配给函数一个变量,但是不同的浏览器解析方式可能不同。 ECMA-262把块定义为一组语句,但函数不是一个语句。//good var test ; if(aaa){ ...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><style>* {margin: 0;padding: 0;}div {width: 200px;height: 100px;background-color: pink;position: absolute;}</style></head><body><input type="button" id="bt" value="显示效果"/><div id="dv"></div><script src="common.js"></script><script>//点击按钮,使元素的宽度到达一个值,高度到达一个值//获取任意元素的任意属性值function getSty...
回调模式上一篇,对JavaScript函数进行了大体的介绍,这一篇对一些在工作中经常遇到的情况进行扩展。在工作中,我们经常遇到很多需求,比如现在有一个需求:一栋10层的大楼,当我们在坐电梯时,电梯每上一层,每层的电梯显示屏上即时显示电梯当前所在的楼层。这样我们可能不到1s,就想到了解决方案,只要电梯每上一层,把每一层的电梯显示屏数字 +1 ,代码核心如下: <PRE style=‘margin: 0em; width: 100%; font-family: consolas...
数据的操作方法: 1var arr = [1,2,3,4,5];2 3 arr.push(6,7);//可以在数组的最后一位开始添加数列(1+);并返回数组的长度。 4 5 arr.pop();//删除数组的最后一位。并返回那一位数组的内容。 6 7 arr.shift();//删除数组的第0位,并返回那一位数组的内容。 8 9 arr.unshift(-1,0);//从数组的第0位前,添加数列,并返回数组的长度。1011 arr.join(‘‘);//将每列数组按照指定的符号或者不设置符号(空字符串)隔开每列数组。 字符串...
函数是将实现某一功能的代码集合起来,以便重复使用的代码块。 一、函数的创建与调用//基本语法声明函数及调用 function obj(){alert(1) } obj() //字面量定义函数(匿名函数的自调用) (function(){//函数功能代码块 })()//对象形式声明函数 <body> <div onclick="fname3()" style="background: red;width: 100px;height: 100px"></div> <!--事件调用--!> </body> <script>var fname3=new Function("alert(1)"); </script...