关注我,一起学习进步!
【打响秋招第一枪】
——(为广大即将面临秋招的大三同学专门准备的学习以及面试方案)
前言:
来到csdn已经两个多月,(之前一个月将java基础学完后面才转的前端)
感慨学习前端的步伐慢了,可是java基础加快了我学前端的速度!“真乃塞翁失马,焉知非福哇!”
今天是我发的第一篇博客,回想过往一个月时间把html&js,vue…学完,如今到了丰收的季节,是时候将知识分享出去了!
基础性的概念往往对秋招来说特别重要,要会解释何为面向对象!
学习之前要先了解面向对象是什么?面向对象的特点是什么?
面试题:
(一)javaScript概念与面向对象的特点:
概念:
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言。
面向对象的特点:
答: 1. 面向对象是把构成问题事务分解成各个对象,建立对象的目的不是为了完成一个步骤,而是为了描叙某个事物在整个解决问题的步骤中的行为。
2. 只用去new一个对象,并且去调用这个对象的方法,就可以实现我们所要的业务。
3.简而言之:封装性,继承性,多态性
(二)你是如何去new一个对象的?new的实现原理是什么?
1.创建一个空对象obj
2.将空对象的原型对象指向构造函数的原型对象
3.使用call或者apply改变地址指向,为新对象添加属性和方法
4.判断return的返回值
function _new(){
//创造一个空对象
var obj={}
//用call方法获取arguments的地址值,从而获取到全部实参(即实际调用的参数)然后用shift删除全部返回第一个参数就是test构造函数!
Consturctor=[].shift.call(arguments)
//使obj新对象的原型和构造函数的原型相连接
obj.__proto__=Constructor.prototype
//用apply使得构造函数地址指向obj,并为新对象添加属性和方法
var result=Constructor.apply(obj,arguments)
//判断return返回值的类型,如果不是空对象,则返回result
return type of result==='object'?result:obj
测试:
function Test(name,age){
this.name=name,
this.age=age
return {
name:name,
age:age
}
}
const test=new Test('zs',18)
function _new(){
var obj={}
Consturctor=[].shift.call(arguments)
obj.__proto__=Constructor.prototype
var result=Constructor.apply(obj,arguments)
return type of result==='object'?result:obj
}
const test2=_new(Test,'zs',18)
console.log(test)
console.log(test2)
自己手动输出看,光看不练没啥用!
(三)直接构造函数来new对象和自己字面量创建的对象有什么区别?
字面量创建更方便阅读与速度更快!
new出来的构造函数更符合规范化,方便书写!
(四)
如果有出错的地方欢迎大家纠正喔!!
后续更新中。。。。