美文网首页
JS小记.4

JS小记.4

作者: ezrealor | 来源:发表于2017-07-30 14:54 被阅读0次

引用类型有哪些?非引用类型有哪些

引用类型指的是那些保存在堆内存中的对象,变量中保存的实际上只是一个指针,这个指针指向堆内存中的一个位置,由该位置保存对象:Object,Array,Date,RegExp,Function,基本包装类型(Boolean,Number,String).单体内置对象(Global,Math)。

非引用类型指的是保存在栈内存中的简单数据段:
String, Number, Boolean, Null, Undefined, Symbol


如下代码输出什么?为什么

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);
console.log(obj1 = obj2);
console.log(obj1 == obj2);

输出 false  { a:1,b:2 }   true  obj1和obj2都是引用类型 保存了不同的指针 指向不同位置    
把obj2的指针赋值给obj1后俩者就一样了 

var a = 1
var b = 2
var c = { name: '饥人谷', age: 2 }
var d = [a, b, c]

var aa = a
var bb = b
var cc = c
var dd = d

a = 11
b = 22
c.name = 'hello'
d[2]['age'] = 3

console.log(aa)  输出 1  aa是基本数据类型 被赋值为a后 储存的就是1 a改变与aa无关
console.log(bb)  输出 2  同上
console.log(cc)  输出 {age:3,name: 'hello' } cc和c储存的是同一个指针 指向同一个对象 一个改变另一个也跟着改变
console.log(dd)  输出 [1, 2, {age:3,name: 'hello'}]  dd和d同上

var a = 1
var c = { name: 'jirengu', age: 2 }

function f1(n){
  ++n
}
function f2(obj){
  ++obj.age
}

f1(a) 
f2(c) 
f1(c.age) 
console.log(a)   输出 1  a是基本类型 给n传递参数赋值不会影响到a   
console.log(c)   输出 { name: 'jirengu', age: 3 }
 c是引用类型 调用f2(c)时  相当于 var obj = c  同一个指针 指向同一个对象  所以f2(c)改变了对象的属性值 c也跟着改变了

过滤如下数组,只保留正数,直接在原数组上操作

var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
   for(var i = 0; i<arr.length; i++){
      if(arr[i]<=0){
         arr.splice(i,1);
         filter(arr)
      }
   }
}
filter(arr)
console.log(arr) // [3,1,2]

过滤如下数组,只保留正数,原数组不变,生成新数组

var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
      var newArr = [];
      for(var i=0,j=0; i<arr.length;i++){
        if(arr[i]>0){
          newArr[j] = arr[i];
          j++
        }
      }
  return newArr
}
var arr2 = filter(arr)
console.log(arr2) // [3,1,2]
console.log(arr)  // [3,1,0,-1,-2,2,-5]

写一个深拷贝函数,用两种方式实现

function copy (obj) { 
  var newObj = {}; 
  for (var attr in obj) {
    if (obj.hasOwnProperty(attr)) {
      if(obj[attr] instanceof Object){ 
        newObj[attr] = copy(obj[attr]); 
      }else{ 
            newObj[attr] = obj[attr]; 
       } 
    } 
  } 
 return newObj; 
}

function copy (obj) {
 return JSON.parse(JSON.stringify(obj));
}

相关文章

  • JS小记.4

    引用类型有哪些?非引用类型有哪些 引用类型指的是那些保存在堆内存中的对象,变量中保存的实际上只是一个指针,这个指针...

  • Mac下全局安装uve环境

    前端JS小记 HTMLCollection 与 NodeList 的区别 HTMLCollection是 HTML...

  • Web版扫雷开发小记(3)

    前篇: web版扫雷开发小记(1)web版扫雷开发小记(2)web版扫雷开发小记(3)web版扫雷开发小记(4) ...

  • Web扫雷开发小记(1)

    目录Web扫雷开发小记(2)Web扫雷开发小记(3)Web扫雷开发小记(4) 刚好今天做阿里前端笔试问到扫雷了,那...

  • ECMAScript 6 小记 (1)

    ECMAScript 6 小记 (1) ​ 众所周知,ECMAScript (以后简称ES)是JS语言的一种规...

  • JS小记

    Object对象是所有javascript对象的父级. String对象的方法 1 substr():从起始索引号...

  • JS小记

    1.toLocaleString用法: 1234567..toLocaleString('zh-Hans-CN-u...

  • log4js 2.7使用说明

    1.安装log4js npm install log4js 2.配置log4js log4js.json 如下: ...

  • 开发小记

    开发小记 禁止页面滚动 js jquery 监听input的输入事件 绑定input事件的时候我发现...

  • web前端-js小记(4)-引用类型

    1. 引用类型有哪些?非引用类型有哪些2.如下代码输出什么?为什么 引用类型:对象、数组、函数、正则。指的是那些保...

网友评论

      本文标题:JS小记.4

      本文链接:https://www.haomeiwen.com/subject/ovtgkxtx.html