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/

转载请注明:博客园

目录
相关文章
|
5月前
|
机器学习/深度学习 JavaScript 前端开发
JS进阶教程:递归函数原理与篇例解析
通过对这些代码示例的学习,我们已经了解了递归的原理以及递归在JS中的应用方法。递归虽然有着理论升华,但弄清它的核心思想并不难。举个随手可见的例子,火影鸣人做的影分身,你看到的都是同一个鸣人,但他们的行为却能在全局产生影响,这不就是递归吗?雾里看花,透过其间你或许已经深入了递归的魅力之中。
214 19
|
7月前
|
JavaScript
JS实现多条件搜索函数
JS封装的多条件搜索
|
8月前
|
JSON JavaScript 数据格式
jqtimeline.js-简单又好用的jquery时间轴插件
jqtimeline.js-简单又好用的jquery时间轴插件
|
9月前
|
JavaScript 前端开发
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
182 32
|
8月前
|
JavaScript 前端开发 Java
详解js柯里化原理及用法,探究柯里化在Redux Selector 的场景模拟、构建复杂的数据流管道、优化深度嵌套函数中的精妙应用
柯里化是一种强大的函数式编程技术,它通过将函数分解为单参数形式,实现了灵活性与可复用性的统一。无论是参数复用、延迟执行,还是函数组合,柯里化都为现代编程提供了极大的便利。 从 Redux 的选择器优化到复杂的数据流处理,再到深度嵌套的函数优化,柯里化在实际开发中展现出了非凡的价值。如果你希望编写更简洁、更优雅的代码,柯里化无疑是一个值得深入学习和实践的工具。从简单的实现到复杂的应用,希望这篇博客能为你揭开柯里化的奥秘,助力你的开发之旅! 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
12月前
|
JavaScript 前端开发
js+jquery实现贪吃蛇经典小游戏
本项目采用HTML、CSS、JavaScript和jQuery技术,无需游戏框架支持。通过下载项目文件至本地,双击index.html即可启动贪吃蛇游戏。游戏界面简洁,支持方向键控制蛇移动,空格键实现游戏暂停与恢复功能。
272 14
|
12月前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
341 0