jQuery源码分析9: 驼峰式命名方法jQuery.camelCase

最新推荐文章于 2025-06-16 18:41:56 发布

iteye_3607

最新推荐文章于 2025-06-16 18:41:56 发布

阅读量188

点赞数

文章标签： javascript ViewUI

本文详细解析了jQuery中驼峰式命名方法的实现原理，通过正则表达式和回调函数，将输入的字符串转换为驼峰式命名格式。包括详细的代码解析和实际应用案例。

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

jQuery源码分析: 驼峰式命名方法jQuery.camelCase

// Matches dashed string for camelizing 匹配由虚线分割的字符串并改成驼峰式命名法
var rdashAlpha = /-([a-z]|[0-9])/ig,
rmsPrefix = /^-ms-/,

// Used by jQuery.camelCase as callback to replace()
fcamelCase = function( all, letter ) {
return ( letter + "" ).toUpperCase();
};

camelCase: function( string ) {
return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
},

举例:
var rdashAlpha = /-([a-z]|[0-9])/ig,
rmsPrefix = /^-ms-/;

// Used by jQuery.camelCase as callback to replace()
var fcamelCase = function( all, letter ) {
return ( letter + "" ).toUpperCase();
};

var camelCase = function( string ) {
return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
};

alert(camelCase("hello-world-baby"));//< 输出"helloWorldBaby"