1、 对象通过new操作符构建出来的，所以对象之间不相等 例如：[1,2,3] === [1,2,3] // false
2、 对象注意：是引用类型（通过赋值运算符’=‘传递的是内存地址）
3、 对象的key都是字符串类型的
4、对象如何找属性|方法：先在对象本身找 ==》构造函数中找 ==》对象原型中找 ==》 构造函数原型中招 ==》……==》 Object.prototype
//1,2,3,4,5为查找优先级，数字越大，优先级越低
function Fun() {
this.a = '在Fun函数中添加' // 2
}
Fun.prototype.a = '这是Fun原型添加的' // 4
let obj = new Fun()
obj.a = ’对象本身添加的‘ // 1
obj.__proto__.a = '这是对象原型添加的' // 3
Object.prototype.a = '这是Object添加的' // 5
console.log(obj.a)
function Foo() {
getName = function() {console.log(1);}
return this;
}
Foo.getName = function () {console.log(2);}
Foo.prototype.getName = function() {console.log(3);}
var getName = function() {console.log(4);}
function getName() {
console.log(5);
}
Foo.getName(); // 2
getName(); //同名情况下：变量优先级 > 函数，所以是 4
Foo().getName(); // Foo()属于执行了Foo函数，Foo函数给windows添加了getName匿名函数，并将windows返回，之后的’.getName()‘，调用了windows上的getName匿名函数，所以打印了1
getName(); // 属于直接调用了windows的getName匿名函数，所以打印1
new Foo().getName(); // new Foo()生成了Foo的实例对象，返回的this指向实例本身，不再是windows对象，之后的’.getName()‘是调用实例本身的getName，实例本身没有就顺着原型链向上查找，最终找到第七行的实现，随意打印3
var o = {
a: 10,
b: {
fn: function() {
console.log( this.a )
console.log( this )
}
}
}
o.b.fn()
// undefined
// { fn: [Function: fn] }
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
window.name = 'ByteDance';
function A() {
this.name = 123;
}
A.prototype.getA = function () {
console.log( this );
return this.name + 1;
}
let a = new A();
let funcA = a.getA;
// funcA()
console.log(funcA())
</script>
</body>
</html>
// [Log] Window {A: function, document: #document, NaN: NaN, window: Window, Infinity: Infinity, …} (test4.html, line 15)
// [Log] ByteDance1 (test4.html, line 21)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var length = 10;
function fn() {
return this.length + 1;
}
var obj = {
length: 5,
test1: function() {
return fn();
}
// test2: function() {
// return this.length + 1;
// }
}
obj.test2 = fn;
console.log( obj.test1()); // 11
console.log( fn() === obj.test2() ); //false 11 === 6
console.log( obj.test1() == obj.test2() ); // false 11 == 6
</script>
</body>
</html>
怎样判断是不是数组
- Array.isArray(arr)
- arr instanceof Array
- Object.prototype.toString.call(arr).indexOf('Array') > -1
- Array.prototype.isPrototypeOf(arr)
- arr.constructor.toString().indexOf('Array') > -1
