面试- 理解面向对象/以及基础原理

最新推荐文章于 2025-08-25 11:53:33 发布

原创最新推荐文章于 2025-08-25 11:53:33 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

#面试重写源码实现专栏收录该内容

5 篇文章

订阅专栏

本文探讨JavaScript中基本类型、引用类型、typeof与instanceof的区别，以及数组检测、arguments对象、原型链、in操作符、isPrototypeOf与__proto__的关系。重点讲解原型对象的设置、构造函数、原型方法和实例属性的区别，以及如何通过重写原型实现对象继承。

基本类型与引用类型(但是引用类型也是无法访问器内存地址)

typeof检测基本类型(function也可), intanceof 检测引用类型

检测是不是一个数组是,可以使用intanceof 或者 isArray

arguments代表所有传入的参数, arguments.callee对标对应函数(函数名)的指针

函数名始终是一个变量指针

  function test(n){
    if(n<=1){
      return 1
    }else{
      return n* arguments.callee(n-1)
    }

  }

// 2. 原型与 in 操作符
// 有两种方式使用 in 操作符：单独使用和在 for-in 循环中使用。在单独使用时，in 操作符会在通
// 过对象能够访问给定属性时返回 true，无论该属性存在于实例中还是原型中。看一看下面的例子。


//isPrototypeOf 与 __proto__互逆关系
//setPrototypeOf 相当于赋值

//prototype 与 constructor 


//object.creact(), 创建的对象, 会把之前的对象当成原型(且属性不可删除,第二次属性默认为false与其他地方不同)

function Person(){
}
Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function(){
 alert(this.name);
};
var person1 = new Person();
var person2 = new Person();
alert(person1.hasOwnProperty("name")); //false
alert("name" in person1); //true
person1.name = "Greg";
alert(person1.name); //"Greg" ——来自实例
alert(person1.hasOwnProperty("name")); //true
alert("name" in person1); //true
alert(person2.name); //"Nicholas" ——来自原型
alert(person2.hasOwnProperty("name")); //false
alert("name" in person2); //true
delete person1.name;
alert(person1.name); //"Nicholas" ——来自原型
alert(person1.hasOwnProperty("name")); //false
alert("name" in person1); //true 



//重写原型对象:
function Person(){
}
// var friend = new Person();//先创建实例 字面量赋值会导致下面的会赋值一份新的prototype,

Person.prototype = {
 constructor: Person,
 name : "Nicholas",
 age : 29,
 job : "Software Engineer",
 sayName : function () {
 console.log(this.name);
 }
};
var friend = new Person();
friend.sayName();