获取JS中的调用栈

function demo1(){
  console.dir(arguments);
}
//
demo1("6", 66, 666);

Arguments(3)
  0: "6"
  1: 66
  2: 666
  > callee: ƒ demo1()
  length: 3
  > Symbol(Symbol.iterator): ƒ values()
  > __proto__: Object

callee: ƒ demo1()
  arguments: null
  caller: null
  length: 0
  name: "demo1"
  > prototype: {constructor: ƒ}
  > __proto__: ƒ ()
  [[FunctionLocation]]: VM162:1
  > [[Scopes]]: Scopes[1]

function demoFuncion(){
  return arguments.callee.name;
}
var func1 = function(){
  return arguments.callee.name;
}
//
var func2 = demoFuncion;
var func3 = func1;
//
console.log("demoFuncion() return: " + demoFuncion());
console.log("func2() return: " + func2());
console.log("func3() return: " + func3());

demoFuncion() return: demoFuncion
func2() return: demoFuncion
func3() return: func1

// 获取JS中的调用栈
function checkCallStack(){
  var stack = "";
  try{
    throw new Error("test-for-call-stack")
  }catch(e){
    stack = e.stack;
  }
  //
  var stackArray = stack.split("\n");
  //
  // var curFuncName = arguments.callee.name;
  // 去掉前2个
  return stackArray.slice(2);
};


function testSS(){
  return checkCallStack();
};
stack = testSS();

"Error: hahaha
    at checkCallStack (<anonymous>:1:37)
    at testSS (<anonymous>:2:26)
    at <anonymous>:3:1"

// 创建空对象
c = {};
d = new Object();
e = Object.create(null);
//
console.log("c:", c);
console.log("d:", d);
console.log("e:", e);

c: 
{}
__proto__: Object

d: 
{}
__proto__: Object

e: 
{}
No properties

j = [...new Set([1, 2, 3, 3])]; // ... 剩余参数
// 结果是 [1, 2, 3]

person = { name: 'David Walsh', gender: 'Male' };
tools = { computer: 'Mac', editor: 'Atom' };
attributes = { handsomeness: 'Extreme', hair: 'Brown', eyes: 'Blue' };

summary = {...person, ...tools, ...attributes}; // ... 展开语法

{
  computer: "Mac"
  editor: "Atom"
  eyes: "Blue"
  gender: "Male"
  hair: "Brown"
  handsomeness: "Extreme"
  name: "David Walsh"
}

// 假设查询参数是: "?name=tiemao&action=list"

//
var paramStr= window.location.search;

paramStr = "?name=tiemao&action=list"; // 临时赋值-演示


var urlParams = new URLSearchParams(paramStr);

console.log(urlParams.has('name')); // true
console.log(urlParams.get('action')); // "list"
console.log(urlParams.getAll('action')); // ["list"]
console.log(urlParams.toString()); // "name=tiemao&action=list"
// 追加参数;可同名
urlParams.append('active', '1')
console.log(urlParams.toString()); // "name=tiemao&action=list&active=1"
urlParams.append('active', '2')
console.log(urlParams.toString()); // "name=tiemao&action=list&active=1&active=2"
console.log(urlParams.getAll('active')); // ["1", "2"]
// set 是覆盖设置
urlParams.set("_ts", (new Date()).getTime());

// 自动刷新示例; 将当前页面地址用内置iframe来自动刷新
function refreshNext(){
    // 时间戳
    var ts = ""+(new Date()).getTime();
    // 增加参数
    var newUrl = replaceParam(location.href, "_ts", ts);
    // iframe
    var iframe1 = getIframe("iframe1");
    iframe1.src = newUrl;
    // 设置下次自动刷新
    window.setTimeout(refreshNext, 5000);

    // 替换或新增参数
    function replaceParam(href, paramName, paramValue){
        var url = new URL(href); // window.location 也是一个 URL对象
        var urlParams = url.searchParams;
        // set 是覆盖设置
        urlParams.set(paramName, paramValue);
        //
        var newUrl = url.origin + url.pathname + "?" + urlParams.toString(); 
        return newUrl;
    };
    // 获取iframe
    function getIframe(id){
        var iframe1 = document.getElementById(id);
        if(!iframe1){
            iframe1 = document.createElement("iframe");
            iframe1.setAttribute("id", id);
            iframe1.setAttribute("width", "650px");
            document.body.appendChild(iframe1);
        }
        return iframe1;
    };
};
refreshNext();