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

最新推荐文章于 2025-11-24 03:12:01 发布

最新推荐文章于 2025-11-24 03:12:01 发布 · 197 阅读

文章标签：

#javascript #ViewUI

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

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"