js程序中美元符号$是什么

本文详细介绍了JavaScript中$符号的不同应用场景,包括变量声明、正则表达式的结尾匹配及作为自定义函数来查找HTML元素等。此外还通过示例展示了如何使用$符号替代document.getElementById方法,以及其在Prototype.js框架中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

$符号在php中是表示变量的特征字符, 在js中它也有很多作用, 一般我们用来命名一个函数名称,获取id的
1、首先可以用来表示变量,
比如变量 var s='asdsd'或var $s='asdasd';
2、在正则表达式中,它可以匹配结尾
/sa$/.test(string)
匹配string字符串中的sa,比如string='125sa'则匹配,string='125sa21'则不匹配
正则表达式很复杂,这里只是简单的说说。
3、由于受prototype.js(老外写的框架,用于将一些常用的函数封装,方便操作)的影响,
现在很多人都用 $来表示一个查找对象的函数,
$=function (id) { return (typeof (id)=='object')?id:document.getElementById(id); };
其实就是一个自定义函数,用$只是简单,其实用其它字符也是一样的,
f=function (id) { return (typeof (id)=='object')?id:document.getElementById(id); };也可以
其中参数id是html文档中的id,
比如<div id='ss'></div>
则obj=$('ss')就是引用的这个id='ss'的对象
使用$()方法
  $() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写,就像这个DOM方法一样,这个方法返回参数传入的id的那个元素。

  比起DOM中的方法,这个更胜一筹。你可以传入多个id作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象。

  <HTML>

  <HEAD>

  <TITLE> Test Page </TITLE>

  <script src="prototype-1.3.1.js"></script>

  <script>

  function test1()

  {

  var d = $('myDiv');

  alert(d.innerHTML);

  }

  function test2()

  {

  var divs = $('myDiv','myOtherDiv');

  for(i=0; i<divs.length; i++)

  {

  alert(divs[i].innerHTML);

  }

  }

  </script>

  </HEAD>

  <BODY>

  <div id="myDiv">

  <p>This is a paragraph</p>

  </div>

  <div id="myOtherDiv">

  <p>This is another paragraph</p>

  </div>

  <input type="button" value=Test1 οnclick="test1();"><br>

  <input type="button" value=Test2 οnclick="test2();"><br>

  </BODY>

  </HTML>

  下面的这个getObject方法和$符号是一样的意思:

  function getObject(elementId)

  {

  if (document.getElementById)

  {

  return document.getElementById(elementId);

  }else if(document.all)

  {

  return document.all[elementId];

  }else if(document.layers)

  {

  return document.layers[elementId];

  }

  }


出自:http://www.cnblogs.com/yongtaiyu/archive/2011/05/13/2045726.html

### JavaScript 中 `$` 符号的作用 在 JavaScript 中,符号 `$` 并不是一个保留关键字,但它可以作为变量名、函数名的一部分或者对象属性名称合法存在。它通常被用作一种约定俗成的方式来表示某些特定的功能或用途。 #### 1. jQuery 和其他库中的使用 当提到 `$` 的作用时,最广为人知的是其在 **jQuery** 库中的应用。在这个上下文中,`$` 是一个简短的别名,用于替代 `jQuery` 函数[^3]。通过这个符号,开发者能够方便地操作 DOM 元素、处理事件以及执行 AJAX 请求等操作。 ```javascript // 使用 $ 来选择 HTML 元素并绑定点击事件 (基于 jQuery) $('button').on('click', function() { alert('按钮已被点击'); }); ``` #### 2. 自定义命名惯例 除了框架之外,在纯 JavaScript 编程中,开发人员也经常利用 `$` 前缀来标记那些与 DOM 节点关联的变量。这种做法有助于快速识别哪些变量存储着对页面上实际元素的引用[^4]。 ```javascript const $header = document.querySelector('h1'); // 表明这是一个 HTMLElement 对象 $header.style.color = 'blue'; ``` #### 3. ES6 解构赋值中的特殊角色 虽然不常见,但在解构语法里也可以见到 `$` 字符的身影。例如下面的例子展示了如何从模块导入带有美元符号的名字: ```javascript import { $data, $config } from './module.js'; console.log($data); // 输出数据内容 ``` 尽管如此,需要注意的是上述情况并非强制标准而是个人偏好所致;因此具体含义还是要依据项目内部文档说明为准。 --- ### 总结 综上所述,JavaScript 中 `$` 主要起到辅助编程便利性的功能,无论是简化 API 调用还是增强代码可读性方面都发挥了重要作用。不过值得注意的一点是,由于它的灵活性较高所以如果没有明确规范的话可能会引起混淆甚至错误理解程序逻辑。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值