资讯专栏INFORMATION COLUMN

javascript 原型方法归纳 ------非Array篇

wangdai / 2024人阅读

摘要:转换成小数模式,参数为小数点位数转换成字符串,参数为进制数返回对原型链中属性返回以下属性为属性返回组成的数组冻结一个对象,使其不可被操作根据特定原型创建新对象使用实现的继承返回结果数组或返回返回特定索引的字符返回特定字符的位置索引反向

Function

Function.prototype.apply()

fun.apply(thisArg, [argsArray])

Function.prototype.call():
fun.call(thisArg[, arg1[, arg2[, ...]]])

Number

Number.prototype.toFixed():
numObj.toFixed(digits) 转换成小数模式,参数为小数点位数

Number.prototype.toString():
numObj.toString(radix) 转换成字符串,参数为进制数

Object

Object.prototype.hasOwnProperty()
返回true or false,对原型链中属性返回false

以下Object属性为ESC5属性
Object.keys()
返回kay组成的数组

Object.freeze()
冻结一个对象,使其不可被操作

Object.create()
Object.create(proto [, propertiesObject ])
根据特定原型创建新对象

使用Object.create实现的继承

// Shape - superclass
function Shape() {
  this.x = 0;
  this.y = 0;
}

// superclass method
Shape.prototype.move = function(x, y) {
    this.x += x;
    this.y += y;
    console.info("Shape moved.");
};

// Rectangle - subclass
function Rectangle() {
  Shape.call(this); // call super constructor.
}

// subclass extends superclass
Rectangle.prototype = Object.create(Shape.prototype);
Rectangle.prototype.constructor = Rectangle;

var rect = new Rectangle();

rect instanceof Rectangle // true.
rect instanceof Shape // true.

rect.move(1, 1); // Outputs, "Shape moved."
RegExp

RegExp.prototype.exec()
返回结果数组或null

RegExp.prototype.test()
返回true or false

String

String.prototype.charAt(index)
返回特定索引的字符

String.prototype.indexOf()
str.indexOf(searchValue[, fromIndex])
返回特定字符的位置索引

"Blue Whale".indexOf("Blue");     // returns  0
"Blue Whale".indexOf("Blute");    // returns -1
"Blue Whale".indexOf("Whale", 0); // returns  5
"Blue Whale".indexOf("Whale", 5); // returns  5
"Blue Whale".indexOf("", 9);      // returns  9
"Blue Whale".indexOf("", 10);     // returns 10
"Blue Whale".indexOf("", 11);     // returns 10

反向为String.prototype.lastIndexOf()

String.prototype.match(regexp)
根据正则查询,返回查询结果数组

String.prototype.replace()
str.replace(regexp|substr, newSubStr|function[, flags]);
返回替换过的新数组

String.prototype.slice()
str.slice(beginSlice[, endSlice])
类似Array的slice,返回字符串片段

String.prototype.split()
str.split([separator][, limit])
字符串打散为数组

var digits = "0123456789"
var a = digits.split("",5)
//return ["0","1","2","3","4"]

以下ESC5属性
String.prototype.trim() 裁切前后空格

整理自
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/87541.html

相关文章

  • JavaScript】【对象】属性和方法的总结归纳

    摘要:构造函数原型对象实例对象之间的关系错综复杂,关于它们的属性和方法很多,长得也很像。表示能否修改属性的值。属性和方法以下的属性和方法均以下面的代码为例构造函数指向原型对象,包含所有被实例共享的属性和方法。 构造函数、原型对象、实例对象之间的关系错综复杂,关于它们的属性和方法很多,长得也很像。这里归纳出来,方便记忆和查阅。 对象属性类型 数据属性 [[Configurable]]:表示能否...

    qiangdada 评论0 收藏0
  • Javascript各种数组遍历方法归纳总结和兼容写法

    摘要:主要用于枚举对象数组遍历效率最低的方法。当前数组元素的值。传递给函数的初始值注意对于空数组是不会执行回调函数的。 前言 PS: 2018/04/26 优化一下排版,重新梳理一下方法,补充一些信息,删除JQuery库用法,只讲解Javascript自带的, for in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。主要用于枚举对象, 数组遍历效率最低的方法。 va...

    Sanchi 评论0 收藏0
  • 浅谈:快速理解JS的原型原型

    摘要:中有基本类型和复杂类型的区分。原型与原型链这里,就引入了两个新的概念。原型对象就是用来存放声明对象中共有的那部分属性。而原型对象自身也是一个对象,它也有自己的原型对象。这样层层上溯,就形成了一个类似链表的结构,这就是原型链。 JavaScript中有基本类型和复杂类型的区分。 当我们在声明一个基本类型时: var n1= 1; console.log(n1); //1 这时我们可以用N...

    ZoomQuiet 评论0 收藏0
  • JavaScript设计模式与开发实践 | 01 - 面向对象的JavaScript

    摘要:在中,并没有对抽象类和接口的支持。例如,当对象需要对象的能力时,可以有选择地把对象的构造器的原型指向对象,从而达到继承的效果。本节内容为设计模式与开发实践第一章笔记。 动态类型语言 编程语言按数据类型大体可以分为两类:静态类型语言与动态类型语言。 静态类型语言在编译时已确定变量类型,动态类型语言的变量类型要到程序运行时,待变量被赋值后,才具有某种类型。 而JavaScript是一门典型...

    suxier 评论0 收藏0
  • Javascript设计模式(二)工厂模式

    摘要:所谓的工厂模式,顾名思义就是成批量地生产模式。工厂方法将类的实例化延迟到子类首先是创建构造函数,区别物种的不同属性。工厂模式适用于以下场景实例对象较复杂。设计模式更代表的是一种系统思想,而不是重复的代码堆砌。 所谓的工厂模式,顾名思义就是成批量地生产模式。它的核心作用也是和现实中的工厂一样利用重复的代码最大化地产生效益。在javascript中,它常常用来生产许许多多相同的实例对象,在...

    anonymoussf 评论0 收藏0
  • 前端知识归纳

    摘要:继承性子标签会继承父标签样式优先级行内样式选择器类选择器标签选择器通配符继承机制创建了的元素中,在垂直方向上的会发生重叠。 技能考察: 一、关于Html 1、html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化 a、理解:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时 让浏览器的爬虫和...

    sixleaves 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<