当前位置:  编程技术>WEB前端
本页文章导读:
    ▪JavaScript运算符总结      + +运算符可以进行加法运算或字符串连接。如果你想要的是加法运算,请确保两个表达式的值都是数字。 typeof 好多人认为typeof是一个函数,其实它是一个操作符,调用方法是typeof he.........
    ▪深入理解JavaScript运算符      + +运算符可以进行加法运算或字符串连接。如果你想要的是加法运算,请确保两个表达式的值都是数字。 typeof 好多人认为typeof是一个函数,其实它是一个操作符,调用方法是typeof he.........
    ▪jQueryUI之autocomplete,datepicker,tabs演示      <!doctype html> <html lang="us"> <head> <meta charset="utf-8"> <title>jQuery UI-Test</title> <link href=/blog_article/"jqueryui/css/jquery-ui-1.10.1.custom.css" rel="stylesheet"> &.........

[1]JavaScript运算符总结
    来源: 互联网  发布时间: 2013-11-06
+

+运算符可以进行加法运算或字符串连接。如果你想要的是加法运算,请确保两个表达式的值都是数字。

typeof

好多人认为typeof是一个函数,其实它是一个操作符,调用方法是typeof hello, 当然函数式的调用方法也可以: typeof(hello),这里还是推荐操作符式的调用方式。

typeof运算符用来判断变量的类型,它的返回值有"number", "string", "boolean", "undefined", "function"和"object"。如果运算数为一个数组或null,那么结果是"object",这就不准确了。

typeof是唯一一个可以对未定义变量进行操作的操作符,其它任何时候都不可以对未定义变量进行操作。

!!

!!不能算一个操作符,而是两个!的连续操作,它主要用于将给定的操作数转换成布尔类型,这样就可以方便的用于条件判断,比如var a = {}, !!a的值为true,所以if (!!a)的条件为真。

&&

&&的工作原理是运算符两边的表达式都为真时返回真,否则返回假。其实在JavaScript里如果第一个表达式的值为假则返回第一个表达式的值,否则则返回第二个表达式的值。例如:0 && 2的值为0,不是false,'' && 2的值为'',2 && {}的值为{},而不是false。

||

||的工作原理是如果第一个表达式的值为真则返回第一个表达式的值,否则返回第二个表达式的值。例如:2 || 0的值为2,[] || 2的值为[],0 || 2的值为0。

这个特性最常用的场合是给变量赋默认值。例如: a = a || {};这是创建空对象的常用写法,如果a已经存在,则自已赋值给自己,否则将空对象{}赋值经变量a。其它用法有a = b || 3;等同于if (b) { a = 3;}

delete

delete 运算符删除对以前定义的对象属性或方法的引用。例如:var o = {a: 1}, delete o.a;属性a被删除。delete运算符还可以用于删除数组元素,例如: a = [1, 2, 3], delete a[1];现在a的值为[1, undefined, 2],它只是把对应的元素变成undefined,数组长度不变。注意:delete不能删除系统自带的原始属性。

void

void 运算符对任何值返回 undefined。该运算符通常用于避免输出不应该输出的值,例如,从 HTML 的 <a> 元素调用 JavaScript 函数时。要正确做到这一点,函数不能返回有效值,否则浏览器将清空页面,只显示函数的结果。

===

=用于赋值,==用于判断两边的表达式的值是否相等,===则同时判断两边的表达式的值和类型同时相等,因为JavaScript是弱类型语言,变量声明时是不知道类型的,建议永远使用===来判断表达式的值是否相等。

new

new运算符用于使用构造函数创造对象。比如:new Book(),或者new Book,后面的括号不是必需的。具体可以参考 JavaScript构造函数原理。

函数调用运算符()

函数名字 + ()表示执行该函数。例如 var hello = function() {}, hello()则执行hello函数。

参考文献
  • <<JavaScript语言精粹>>

如需转载,请注明来自: BorisHuai前端修炼 > JavaScript运算符总结

作者:borishuai 发表于2013-2-26 13:51:13 原文链接
阅读:4 评论:0 查看评论

    
[2]深入理解JavaScript运算符
    来源: 互联网  发布时间: 2013-11-06
+

+运算符可以进行加法运算或字符串连接。如果你想要的是加法运算,请确保两个表达式的值都是数字。

typeof

好多人认为typeof是一个函数,其实它是一个操作符,调用方法是typeof hello, 当然函数式的调用方法也可以: typeof(hello),这里还是推荐操作符式的调用方式。

typeof运算符用来判断变量的类型,它的返回值有"number", "string", "boolean", "undefined", "function"和"object"。如果运算数为一个数组或null,那么结果是"object",这就不准确了。

typeof是唯一一个可以对未定义变量进行操作的操作符,其它任何时候都不可以对未定义变量进行操作。

!!

!!不能算一个操作符,而是两个!的连续操作,它主要用于将给定的操作数转换成布尔类型,这样就可以方便的用于条件判断,比如var a = {}, !!a的值为true,所以if (!!a)的条件为真。

&&

&&的工作原理是运算符两边的表达式都为真时返回真,否则返回假。其实在JavaScript里如果第一个表达式的值为假则返回第一个表达式的值,否则则返回第二个表达式的值。例如:0 && 2的值为0,不是false,'' && 2的值为'',2 && {}的值为{},而不是false。

||

||的工作原理是如果第一个表达式的值为真则返回第一个表达式的值,否则返回第二个表达式的值。例如:2 || 0的值为2,[] || 2的值为[],0 || 2的值为0。

这个特性最常用的场合是给变量赋默认值。例如: a = a || {};这是创建空对象的常用写法,如果a已经存在,则自已赋值给自己,否则将空对象{}赋值经变量a。其它用法有a = b || 3;等同于if (b) { a = 3;}

delete

delete 运算符删除对以前定义的对象属性或方法的引用。例如:var o = {a: 1}, delete o.a;属性a被删除。delete运算符还可以用于删除数组元素,例如: a = [1, 2, 3], delete a[1];现在a的值为[1, undefined, 2],它只是把对应的元素变成undefined,数组长度不变。注意:delete不能删除系统自带的原始属性。

void

void 运算符对任何值返回 undefined。该运算符通常用于避免输出不应该输出的值,例如,从 HTML 的 <a> 元素调用 JavaScript 函数时。要正确做到这一点,函数不能返回有效值,否则浏览器将清空页面,只显示函数的结果。

===

=用于赋值,==用于判断两边的表达式的值是否相等,===则同时判断两边的表达式的值和类型同时相等,因为JavaScript是弱类型语言,变量声明时是不知道类型的,建议永远使用===来判断表达式的值是否相等。

new

new运算符用于使用构造函数创造对象。比如:new Book(),或者new Book,后面的括号不是必需的。具体可以参考 JavaScript构造函数原理。

函数调用运算符()

函数名字 + ()表示执行该函数。例如 var hello = function() {}, hello()则执行hello函数。

参考文献
  • <<JavaScript语言精粹>>

如需转载,请注明来自: BorisHuai前端修炼 > JavaScript运算符总结

作者:borishuai 发表于2013-2-26 13:51:13 原文链接
阅读:58 评论:0 查看评论

    
[3]jQueryUI之autocomplete,datepicker,tabs演示
    来源: 互联网  发布时间: 2013-11-06
<!doctype html>
<html lang="us">
<head>
	<meta charset="utf-8">
	<title>jQuery UI-Test</title>
	<link href=/blog_article/"jqueryui/css/jquery-ui-1.10.1.custom.css" rel="stylesheet">
	<script src=/blog_article/"jqueryui/jquery-1.9.1.js"></script>/index.html
	<script src=/blog_article/"jqueryui/jquery-ui-1.10.1.custom.js"></script>/index.html
	
	<script>
		$(function(){
			var availableTags = [
			"ActionScript",
			"AppleScript",
			"Asp",
			"BASIC",
			"C",
			"C++",
			"Clojure",
			"COBOL",
			"ColdFusion",
			"Erlang",
			"Fortran",
			"Groovy",
			"Haskell",
			"Java",
			"JavaScript",
			"Lisp",
			"Perl",
			"PHP",
			"Python",
			"Ruby",
			"Scala",
			"Scheme"
		];

		$( "#autocomplete" ).autocomplete({
			source: availableTags
		});
		
		 $( "#datepicker" ).datepicker({
			altField: "#actualDate",
			
			dateFormat: "yy-mm-dd"
		 });

		  $( "#tabs" ).tabs({
			event:"mouseover"
			
		  });
		})
		
	</script>
</head>

<body>

	
	<input type="text" id="autocomplete" name="tt" /><br/>

	<p>Date: <input type="text" id="datepicker" /></p>
	
	<div id="tabs">
  <ul>
    <li><a href=/blog_article/"/index.html tincidunt</a></li>
    <li><a href=/blog_article/"/index.html dolor</a></li>
    <li><a href=/blog_article/"/index.html lacinia</a></li>
  </ul>
  <div id="tabs-1">
    <p>Proin elit arcu, rutrum commodo elementum quam ullamco Mauris </p>
  </div>
  <div id="tabs-2">
    <p>Morbi tincidunt, dui sit amet facilisis feugiat</p>
  </div>
  <div id="tabs-3">
    <p>Mauris eleifend est et turpis. Duis id eratt</p>
   
  </div>
</div>
</body>
</html>


作者:qyf_5445 发表于2013-2-26 16:43:44 原文链接
阅读:0 评论:0 查看评论

    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
▪纯CSS实现鼠标放上去改变文字内容
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
▪不通过JavaScript实现的自动滚动视差效果
▪div+CSS 兼容小摘
▪CSS的inherit与auto使用分析
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3