Javascript中的横杠或连字符（Hyphen或Dash）看似简单，但是在实际开发中，它却有着举足轻重的地位。横杠不仅仅是一个字符，它还是一个表示抽象概念的符号。在DOM中，横杠是CSS的命名空间的一部分，而在HTML中，横杠则表示自定义的组件或属性。

举个例子，我们在CSS中，如果要定义一个类名为"container-fluid"的样式，我们就可以写：

.container-fluid{
width:100%;
height:auto;
}

而在HTML中，假如我们要自定义一个新的input元素，如下：

其中，"fullname"和"minlength"就是使用横杠来自定义的属性。

那么，为什么要使用横杠来表示自定义元素或属性呢？这是因为在HTML和CSS中，我们经常会遇到很多自定义的元素或属性，这些自定义的东西很可能和浏览器中的标准元素或属性冲突，因此需要使用横杠来表示自定义的命名空间，以避免与浏览器默认的元素或属性发生冲突。

而在Javascript中，横杠则被广泛用于变量和函数名中。在ES6之前，Javascript中的变量名只能使用字母、数字、下划线和美元符号，而ES6则允许使用横杠来定义变量名和函数名。举个例子：

var my-name = "Jack";
function my-function(){
return "Hello World!";
}

上面的代码就定义了一个名为"my-name"的变量和一个名为"my-function"的函数。这显然比上一个例子写成"myName"和"myFunction"要更清晰和直观。

不过，需要注意的是，在使用横杠来定义变量名或函数名时，如果将它们写成驼峰式命名法（Camelcase）的话，在引用时，需要将横杠转换成首字母大写的字母。例如：

var myName = "Jack";
function myFunction(){
return "Hello World!";
}

在上面的代码中，我们将"my-name"和"my-function"改成了驼峰式命名法，以便在引用时更加方便。

综上所述，横杠是一个非常重要的字符，它不仅可以用于表示CSS和HTML中的命名空间，还可以用于定义变量名和函数名。因此，在实际开发中，我们需要灵活运用横杠，以达到更好的可读性和可维护性。