欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

js 学习对象和封装类,熬夜整理前端面试书面问题

最编程 2024-04-02 11:37:13
...

通过上面的两个实例,就可以清楚明白的知道创建对象的两种方式了,但是在一般情况下我们都采用的第二种方式。

在面向对象中还有一个重要的部分便是构造方法(构造函数),这两个概念其实可以划上等号。在js中叫做构造函数。那么什么又是构造函数呢,它与普通的函数又有什么区别呢?首先,需要明白的就是构造函数与普通的函数没有什么区别,要说明区别的话就是人为加上的,构造函数在命名的时候采用的大驼峰式命名,二普通的函数则是采用的小驼峰式的命名规则。所以决定该函数是否为构造函数的关键是看是否有var  对象名  = new  构造函数的名称

例如:

function  Car(){

color : "red", size : 100,height:50

}

var car = new Car();

那么我们应该如何对对象实现操作呢?通俗的说就是如何去实现删 增 查 改?

查,采用的就是对象名.属性名 ,例如在上例子中用 car.color;改,采用的就是查加上覆盖属性原有的值,例如在上例子中car.color = "blue"; 增,就是对象名.属性名,例如 car.length = 1000; 删就是delete空格对象名.属性名,例如在上例子中要删除车里面的颜色属性就用delete car.color。

构造函数的内部原理:

1.隐式的生成一个this对象;2.执行this.xxx = ;3.隐式的返回this;4.构造函数的内部只有一个。

在图中的实例可以很清楚明白的知道构造函数的原理。

接下来就是包装类

包装类就是系统自己封装好的一个类,具体的我们可以通过一个例子来看

例如:

var a = "abc";
a.length = 1;
console.log(a.length);//此时打印出来的值为3,因为在这中间发生了一下的转化
首先因为"abc" 转换String{},然后将a.length = 1;最后
再delete a.length;就相当于忽略了语句2,此时打印出来

结尾

学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

html5

img