javascript 表达式、括号、常用函数和jquery库怎么样实现的分析

简介: (一)javascript表达式 表达式是什么?表达式是对变更进行赋值、更改或计算等操作的语句。它是变量、常量、操作符的综合。根据操作符的不类型,可以分为字符操作表达式、赋值表达式、逻辑表达式、关系表达式、自增自减表达式、位表达式等。

(一)javascript表达式

表达式是什么?表达式是对变更进行赋值、更改或计算等操作的语句。它是变量、常量、操作符的综合。根据操作符的不类型,可以分为字符操作表达式、赋值表达式、逻辑表达式、关系表达式、自增自减表达式、位表达式等。

例如:

x+y

5>0

A++

Z=1+1

另外还有一种逗号表达式:x+y,z++

(二)小括号

最常见的小括号的用法有好多种,并且常用。

1)函数的输入参数部分

例如:function fun1()

2)语句的辅助

例如:while()if()for()

3)类对象的构造方法

Var now=new Date()

4)强制表达式运算

这个作用其实也在用,但没有前边3种用得明晰。

它意思就是指:把其中的内容作为表达式强制运算后得到结果。

例如:

function  test()
{
    
var  x  =   0 ;
    
var  y  =   1 ;
    alert(
++ x,  ++ y);
    alert((
++ x,  ++ y));
}

5)函数调用

一般情况下调用函数为函数名+参数,例如:doTest(1)

还有一种方式就是把函数名也用小括号包围起来,例如:(doTest)(1)

这也是两个小括号的意义。

(三)中括号

中括号主要用于数组

1)可以声明空数组或赋值,例如:

var list1 = [];

var list2 = [1, 2, 3];

2)通过下标访数组元素

alert(list2[1]);

其次就是用于kv对的对象,例如:

对于customer对象,有name属性,那么取对象的name值为:

Customer[‘name’]

(四)大括号

常用的就是语句块标识符。例如函数体,循环体等。另一种就是定义js类。

例如:var customer = {};

可见:http://www.cnblogs.com/jams742003/archive/2011/03/04/1970506.html

(五)Eval

它的作用就是把字符串做为表达式进行运算,并返回值。

详细可见:http://www.cnblogs.com/jams742003/archive/2009/12/29/1634736.html

(六)Void

计算表达式,但不返回值。

例如:

var x = 1;

void (x++);

alert(x);

alert(typeof (void (x++)));

alert(x);

 详细请见:http://www.cnblogs.com/jams742003/archive/2010/01/13/1646631.html

(七) Jquery库定义的原理分析

(1)如何通过一个变量进行访问所有成员

所有的成员,例如函数,变量等通过一个固定的变量访问,可以通过静态实现。那么就要创建一个类,且,类中的成员要定义为静态。所以,先试着创建一个jQuery类,它的成员为静态。如下:

function  doClick()
{
    jQuery.showMessage();


function  jQuery()
{ }

jQuery.showMessage 
=   function ()
{
    alert(
' ok ' );

 

(2)jQuery类可以通过另一种方式实现

定义js类有好几种方式,其中一种叫字面量的实现方式:

var  jQuery  =   function () { };

jQuery.showMessage
=   function ()
{
    alert(
' ok ' );
}

 

(3)包装

为了避免命名冲突,现在把这个jQuery类包装起来。可以考虑再放到一个类中或者通过匿名函数进行包装(其实,本义是相同的)。在现在这种情况下,要通过后者方式进行,即以匿名函数进行包装。如下:

function()
{
    var jQuery 
=  function() { };
    jQuery.showMessage 
=  function()
    {
        alert(
' ok ' );
    }
}

(4)设置全局访问并添加$

如下:

function ()
{
    
var  jQuery = window.jQuery = window.$ =   function () { };
    jQuery.showMessage 
=   function ()
    {
       alert(
1 );
    }
}

(5)让匿名函数运行

调用函数的方法可以通过函数名和输入参数。其中函数名也可以加小括号。那么:

(
        
function ()
        {
            
var  jQuery  =  window.jQuery  =  window.$  =   function () { };
            jQuery.showMessage 
=   function ()
            {
                alert(
1 );
            }
        }
)();

 

(6)完成并调用

function  doClick()
{
    jQuery.showMessage();
    $.showMessage();
}

 

 

 

博客园大道至简

http://www.cnblogs.com/jams742003/

转载请注明:博客园

目录
相关文章
|
1月前
|
JavaScript 前端开发
JavaScript中的短路表达式
JavaScript中的短路表达式
12 0
|
2月前
|
开发框架 前端开发 JavaScript
使用JavaScript、jQuery和Bootstrap构建待办事项应用
使用JavaScript、jQuery和Bootstrap构建待办事项应用
15 0
|
4天前
|
JavaScript 前端开发
JavaScript中的短路表达式
JavaScript中的短路表达式
9 1
|
10天前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
12天前
|
JavaScript 前端开发 IDE
【JavaScript与TypeScript技术专栏】TypeScript在JavaScript库与框架开发中的作用
【4月更文挑战第30天】TypeScript,微软开发的JavaScript超集,以其强类型和面向对象特性,正成为提升Web项目质量和效率的关键工具,尤其在库和框架开发中。它通过类型系统减少运行时错误,提供内置文档,便于重构,增强IDE支持,以及支持模块化。流行框架如React、Angular已支持TypeScript,未来有望成为开发高质量库和框架的标准语言。随着社区增长,TypeScript将在Web开发领域扮演更重要角色。
|
14天前
|
数据可视化 JavaScript 前端开发
Echarts是一个开源的JavaScript可视化库,用于创建各种类型的图表
Echarts是JavaScript的开源可视化库,Python通过Pyecharts库可调用它来绘制图表。示例展示了如何用Pyecharts创建柱状图:定义图表对象,设置标题和坐标轴,添加X轴、Y轴数据,最后渲染展示。Pyecharts还支持折线图、散点图、饼图等多种图表类型,更多详情可查阅官方文档。
30 0
|
17天前
|
JavaScript 前端开发 开发者
解密 JavaScript 中的三元运算符:简洁而强大的条件表达式
解密 JavaScript 中的三元运算符:简洁而强大的条件表达式
18 0
|
20天前
|
JSON 前端开发 JavaScript
【2024-04-22 源码】最新PDF批注注释插件库,pdf.js插件库,纯前端离线JavaScript库(PDF高亮、下划线、橡皮擦、文本框、画笔、历史记录)
一款基于 pdf.js 开发的PDF批注插件库,支持纯离线内网部署,功能完善、强大且在不断升级,极易上手,欢迎关注!
35 4
【2024-04-22 源码】最新PDF批注注释插件库,pdf.js插件库,纯前端离线JavaScript库(PDF高亮、下划线、橡皮擦、文本框、画笔、历史记录)
|
24天前
|
算法
Swiper库和Glide.js库的性能有何区别
Swiper和Glide.js是两个流行的响应式轮播图库。Swiper功能强大且灵活,支持多方向滑动,拥有丰富的配置和切换效果,适合复杂需求,其高性能得益于优化的算法和惰性加载。Glide.js则轻量级、快速,专注于基础功能,适合简洁需求。两者各有侧重,选择应基于项目具体需求和性能考虑。
|
25天前
|
JavaScript 前端开发 API
JavaScript和jQuery的区别
JavaScript和jQuery的区别