Maison >interface Web >js tutoriel >JavaScript 学习技巧_javascript技巧
0 == false; // true<br> 1 == true; // true<br> '' == false // true<br> null == false // true<br>但是这些值都不是Boolean类型。
0 === false; // false<br> 1 === true; // false<br> '' === false // false<br> null === false // false<br>现在的问题是如何将其他类型转化为Boolean类型:
!!0 === false; // true<br> !!1 === true; // true<br> !!'' === false // true<br> !!null === false // true<br>
function plus(base, added) {<br> return base + added;<br> }<br> plus(2); // NaN<br>在这个例子中,plus(2) 和plus(2, undefined) 是等价的,2 + undefined 的结果是NaN 。
function plus(base, added) {<br> added = added || 1;<br> return base + added;<br> }<br> plus(2); // 3<br> plus(2, 2); // 4<br>
function plus(base, added) {<br> added = added || (added === 0 ? 0 : 1);<br> return base + added;<br> }<br>
if(top !== window) {<br> top.location.href = window.location.href;<br> }<br>这段代码应该放在你每个页面的head 中,如果你想知道现实中有没人在用,看看baidu的博客你就知道了。
'Hello world, hello world'.replace('world', 'JavaScript');<br> // The result is "Hello JavaScript, hello world"<br>replace 函数的第一个参数是正则表达式。
'Hello world, hello world'.replace(/world/g, 'JavaScript');<br> // The result is "Hello JavaScript, hello JavaScript"<br>我们还可以指定在替换时忽略大小写:
'Hello world, hello world'.replace(/hello/gi, 'Hi');<br> // The result is "Hi world, Hi world"<br>
function args() {<br> return [].slice.call(arguments, 0);<br> }<br> args(2, 5, 8); // [2, 5, 8]<br>
parseInt(str, [radix])<br>其中第二个参数是可选的,用来指定第一个参数是几进制的。
parseInt('08'); // 0<br> parseInt('08', 10); // 8<br>
var arr = [1, 2, 3, 4, 5];<br> delete arr[1];<br> arr; // [1, undefined, 3, 4, 5]<br>可以看到,delete 并不能真正的删除数组中的一个元素。删除的元素会被undefined 取代,数组的长度并没有变化。
var arr = [1, 2, 3, 4, 5];<br> arr.splice(1, 1);<br> arr; // [1, 3, 4, 5]<br>
function add() {<br> return add.count++;<br> }<br> add.count = 0;<br> add(); // 0<br> add(); // 1<br> add(); // 2<br>我们为函数add 添加了count 属性,用来记录此函数被调用的次数。
function add() {<br> if(!arguments.callee.count) {<br> arguments.callee.count = 0;<br> }<br> return arguments.callee.count++;<br> }<br> add(); // 0<br> add(); // 1<br> add(); // 2<br>arguments.callee 指向当前正在运行的函数。
var arr = [2, 3, 45, 12, 8];<br> var max = arr[0];<br> for(var i in arr) {<br> if(arr[i] > max) {<br> max = arr[i];<br> }<br> }<br> max; // 45<br>有没有其他方法?我们都知道JavaScript中有一个Math 对象进行数字的处理:
Math.max(2, 3, 45, 12, 8); // 45<br>然后,我们可以这样来找到数组中最大值:
var arr = [2, 3, 45, 12, 8];<br> Math.max.apply(null, arr); // 45<br>
if (typeof(console) === 'undefined') {<br> window.console = {<br> log: function(msg) {<br> alert(msg);<br> }<br> };<br> }<br> console.log('debug info.');<br>
var undefined = 'Hello'; <br> undefined; // 'Hello'<br>这段代码可能会让你感到很奇怪,不过它的确能够正常运行,undefined 只是JavaScript中一个预定义的变量而已。
var name; <br> name === undefined; // true<br>2. 从来没有声明过此变量
name2 === undefined; // error – name2 is not defined<br>在第二种情况下,会有一个错误被抛出,那么如果判断一个变量是否为undefined而不产生错误呢?
typeof(name2) === ‘undefined'; // true<br>
var img = new Image(); <br> img.src = "clock2.gif";<br>
<img src="clock.gif" alt=""> onmouseover="this.src='clock2.gif';" <br> onmouseout="this.src=clock.gif';" /><br>
var source = ['img1.gif','img2.gif']; <br> var img = new Image(); <br> for(var i = 0; i img.src = source[i]; <br> }<br>实际上,这段代码只能预加载最后的一张图片,因为其他的图片根本没有时间来预加载在循环到来的时候。
var source = ['img1.gif','img2.gif']; <br> for(var i = 0; i var img = new Image(); <br> img.src = source[i]; <br> }<br>
function add(i) { <br> return function() { <br> return ++i; <br> }; <br> } <br> add(2).toString(); // "function () { return ++i; }" <br> add(2)(); // 3<br>add(2) 是一个函数,它可能获取外部函数的局部变量i 。
var person = { <br> _name: '', <br> getName: function() { <br> return this._name || 'not defined'; <br> } <br> }; <br> person.getName(); // "not defined"<br>下划线前缀用来作为私有变量的约定,但是其他开发人员仍然可以调用此私有变量:
person._name; // ""<br>那么,如何在JavaScript中创建一个真正的私有变量呢?
var person = {}; <br> (function() { <br> var _name = ''; <br> person.getName = function() { <br> return _name || 'not defined'; <br> } <br> })(); <br><br> person.getName(); // "not defined" <br> typeof(person._name); // "undefined"<br>
for(var i = 0; i <br> } <br> i; // 2<br>如果想创建一个上下文,可以使用自执行的匿名函数:
(function (){ <br> for(var i = 0; i <br> }<br> })(); <br> typeof(i) === 'undefined'; // true<br>
NaN === NaN; // false<br>因为下面的代码可能会让一些人抓狂:
parseInt('hello', 10); // NaN <br> parseInt('hello', 10) == NaN; // false <br> parseInt('hello', 10) === NaN; // false<br>那么如何来检查一个值是否NaN?
isNaN(parseInt('hello', 10)); // true<br>
if(obj === undefined || obj === null) { <br> }<br>而只需要这样做就行了:
if(!obj) { <br><br> }<br>
function add() { <br> arguments.push('new value'); <br> } <br> add(); // error - arguments.push is not a function<br>这样会出错,因为arguments 不是一个真正的数组,没有push方法。
function add() { <br> Array.prototype.push.call(arguments, 'new value'); <br> return arguments; <br> } <br> add()[0]; // "new value"<br>
Boolean(false) === false; // true <br> Boolean('') === false; // true<br>所以,Boolean(0) 和!!0 是等价的。
new Boolean(false) === false; // false <br> new Boolean(false) == false; // true <br> typeof(new Boolean(false)); // "object" <br> typeof(Boolean(false)); // "boolean"<br>
var startTime = new Date();<br> var str = '';<br> for (var i = 0; i str += i;<br> }<br> alert(new Date() - startTime); // Firefox - 18ms, IE7 - 2060ms<br>
var startTime = new Date();<br> var arr = [];<br> for (var i = 0; i arr.push(i);<br> }<br> var str = arr.join("");<br> alert(new Date() - startTime); // Firefox - 38ms, IE7 - 280ms<br>
在JavaScript中,我们可以在字符串之前使用一元操作符“+”。这将会把字符串转化为数字,如果转化失败则返回NaN。
2 + '1'; // "21"<br> 2 + ( +'1'); // 3<br>
如果把 + 用在非字符串的前面,将按照如下顺序进行尝试转化:
- 调用valueOf()
- 调用toString()
- 转化为数字
+new Date; // 1242616452016<br> +new Date === new Date().getTime(); // true<br> +new Date() === Number(new Date) // true<br>参考文章
'index.jsp?page='+encodeURI('/page/home.jsp'); // "index.jsp?page=/page/home.jsp"<br> 'index.jsp?page='+encodeURIComponent('/page/home.jsp'); // "index.jsp?page=%2Fpage%2Fhome.jsp"<br>因此,在对URL进行编码时我们经常会选择 encodeURIComponent。
<div id="container1"> </div><br>
document.getElementById('container1').innerHTML = "Hello World!";但是在IE下设置table.innerHTML 将会导致错误:
// works well in Firefox, but fail to work in IE<br> document.getElementById('table1').innerHTML = "<tr> <td>Hello</td> <td>World!</td> </tr>";<br>实际上,table, thead, tr, select等元素的innerHTML属性在IE下都是只读的。
<div id="table1"> </div><br>
document.getElementById('table1').innerHTML = "
Hello | World! |
0.1 + 0.2; // 0.30000000000000004你可以通过toFixed方法指定四舍五入的小数位数:
(0.1 + 0.2).toFixed(); // "0"<br> (0.1 + 0.2).toFixed(1); // "0.3"