JavaScript Boolean prototype 属性
JavaScript基础 2022-06-07 23:51:04小码哥的IT人生shichen
JavaScript Boolean prototype 属性
实例
为 JavaScript 布尔值创建新方法：
Boolean.prototype.myColor = function() {
if (this.valueOf() == true) {
return "green";
} else {
return = "red";
}
};
Create a boolean, then call myColor():
let a = true;
a.myColor() // 返回 green
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 布尔</h1>
<p>如果布尔值为 true，则显示 "green"，否则显示 "red"。</p>
<p id="demo"></p>
<script>
Boolean.prototype.myColor = function() {
if (this.valueOf() == true) {
return "green";
} else {
return "red";
}
};
let a = true;
document.getElementById("demo").innerHTML = a.myColor();
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
prototype 是可用于所有 JavaScript 对象的全局构造函数。
Boolean.prototype 指的是全局 Boolean() 对象。
prototype 构造函数允许您向布尔值添加新的属性和方法。
构造新属性时，所有数组都将获得该属性及其值。
构造新方法时，所有数组都将获得该方法。
浏览器支持
所有浏览器都完全支持 Boolean.prototype：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |
语法
Boolean.prototype.name = value