设为首页 加入收藏

TOP

易混乱javascript知识点简要记录
2019-09-17 18:48:30 】 浏览:27
Tags:混乱 javascript 知识点 简要 记录

一.== vs ===

==在做判断时,如果对比双方的类型不一样的话,就会进行类型转换

假如我们需要对比 xy 是否相同,就会进行如下判断流程:

  1. 首先会判断两者类型是否相同。相同的话就是比大小了

  2. 类型不相同的话,那么就会进行类型转换

    判断两个类型是否为string 和number,是的话就将string转换为number类型再判断

    2 == '4'2 ==  4

     

    判断其中一方是否为 boolean,是的话就会把 boolean转为number 再进行判断

    '2' == true'2' ==  12 ==  1
    View Code

     

    判断其中一方是否为 object 且另一方为 string number ,是的话就会把 object 转为原始类型再进行判断

'1' == { name: 'laolarou' }
        ↓
'1' == '[object Object]'

 

=== 则就是判断两者类型和值是否完全相同

二.闭包

什么是闭包

我的理解就是闭包就是能够读取其他函数内部变量的函数,闭包存在的意义就是让我们可以间接访问函数内部的变量

function A() {
?
  var a = 1
?
  window.B = function () {
?
      console.log(a)
?
  }
?
}
?
A()
?
B() // 1

 

之前前端部门面试的一个问题, 解决循环中var的问题 答出2种以上方案

第一种 给匿名函数传参

 var arr = [];
?
for (var index = 0; index < 5; index++) {
?
   arr[index]=function (index)
?
   {
?
       return index;
?
   }(index);
?
    
?
  
?
}

 


?
?

第二种 闭包方式

for (var index = 0; index < 5; index++) {
?
   arr[index]=(function (index)
?
   {
?
        return function()
?
        {
?
              return index;
?
        };
?
   }(index));
?
    
?
    
?
}
?
console.log(arr[2]());

 

第三种使用let方式解决

for (let index = 0; index < 5; index++) {
?
   arr[index]=index;
?
    
?
    
?
}
?
console.log(arr[2]);

 

浅拷贝与深拷贝

浅拷贝的时候如果数据是基本数据类型,那么就如同直接赋值那种,会拷贝其本身,如果除了基本数据类型之外还有一层对象,那么对于浅拷贝而言就只能拷贝其引用,对象的改变会反应到拷贝对象上;但是深拷贝就会拷贝多层,即使是嵌套了对象,也会都拷贝出来。

原型与原型链

如何理解原型与原型链

原型

java script 中,每当定义一个对象(函数也是对象)时候,对象中都会包含一些预定义的属性。其中每个函数对象都有一个prototype 属性,这个属性指向函数的原型对象

let person={age:12,name:"laonarou"};
?
console.log(person);

 

当我们打印的时候发现多了一个__proto__ 属性,每个js对象都有这个属性,这个属性指向原型,这个属性是浏览器用来使用的,可以在浏览器打印位置找到 constructor ->prototype

 

原型链

__proto__constructor

每一个对象数据类型(普通的对象、实例、prototype......)也天生自带一个属性proto,属性值是当前实例所属类的原型(prototype)。原型对象中有一个属性constructor, 它指向函数对象。

 

java script中万物都是对象,对象和对象之间也有关系,并不是孤立存在的。对象之间的继承关系,在java script中是通过prototype对象指向父类对象,直到指向Object对象为止,这样就形成了一个原型指向的链条,专业术语称之为原型链。类似后端语言的继承,很容易理解

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇Angular i18n(国际化方案) 下一篇Ext.create方法分析

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目