我不知道还能够用 JS 作的 6 件事

做者：Daniel
译者：前端小智
来源：js-craft

点赞再看，微信搜索 【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq44924588... 上已经收录，文章的已分类，也整理了不少个人文档，和教程资料。

JS 是一种灵活的语言，这种特性让咱们常常以为它是一门最简单的语言，也是最难掌握的语言。 我使用 JavaScript 已有不少年了，但我仍然偶然发现一些我不知道的隐藏语法或技巧。

咱们来一直看看，我发现了哪些。

1. Function 构造函数

Function()构造函数虽然不是很经常使用，可是了解一下仍是颇有必要的。

不论是经过函数定义语句仍是函数直接量表达式，函数的定义都要使用 function()关键字。单函数还能够经过Function()构造函数来定义，好比：

const diff = new Function('a', 'b', 'return a - b');
diff(20,13) // 7

这一行的实际效果和下面的一行代码是等价的:

const diff = function(a, b) {
   return a - b
}

diff(20, 13)

2. with 语句

JavaScript 有个 with 关键字, with 语句的本来用意是为逐级的对象访问提供命名空间式的速写方式。也就是在指定的代码区域, 直接经过节点名称调用对象。

咱们已经知道，用变量的做用域和做用域链（即一个按顺序检索的对象列表）来进行变量名解析，而 with 语句就是用于暂修改做用域链的，其语法为：

with(object)

该语句能够有效地将object添加到做用域链的头部，而后执行statement,再把做用域链恢复到原始状态。

const book = {
    author: '前端小智',
    title: '我不知道还能够用 JS 作的 6 件事'
}
with(book) {
    console.log(author); // 前端小智
    console.log(title); // 我不知道还能够用 JS 作的 6 件事
}

使用 with语句的 JavaScript 代码很难优化，所以它的运算速度比不使用with语句的等价代码要慢得多。并且，在with语句中的函数定义和变量初始化可能会产生使人惊讶的、相抵触的行为，所以咱们避免使用with`语句。

3. + 操做符

咱们可使用+运算符将字符串转换为数字。 除非你想解析为特定的数字类型，不然不须要使用诸如 parseInt() 或 parseFloat() 之类的函数。

const nr = +'1.5';
nr + 1; // 2.5

4. 给函数赋值属性

咱们能够给函数赋属性。接着，能够经过为函数分配特定的属性来建立可配置的函数。

function sayHello() {
    if (sayHello.country = 'US') {
        return alert('Hi there!');
    }
    if (sayHello.country = 'FR') {
        return alert('Bonjour !');
    }
    if (sayHello.country = 'GR') {
            return alert('Guten Tag !');
        }
    return alert('Hi');
}
sayHello.country =  'FR';
sayHello(); // alert('Bonjour !');

外，咱们可使用这些函数属性做为计数器或“静态变量”。

5. arguments.callee.caller

咱们可使用arguments.callee.caller来查看哪一个函数调用了当前函数。 arguments JS 普通函数的默认值。 arguments.callee.caller告诉咱们谁调用了该函数。 相似于只有一层 console.trace()。

function sayHello() {
  console.log(arguments.callee.caller) // [Function: start]
}

(function start() {
  sayHello()
})()

另外arguments.callee表示引用当前正在运行的函数。

function sayHello() {
  console.log(arguments.callee) // [Function: sayHello]
}

(function start() {
  sayHello()
})()

6. void 操做符

void 运算符 对给定的表达式进行求值，而后返回 undefined。

void(1); // undefined
void(true); // undefined
void(false); // undefined
void({}); // undefined

若是你问为何只须要返回undefined而不是返回就须要一个特殊的关键字undefined：缘由是在ES5以前，实际上能够命名一个全局变量undefined，就像这样：var undefined = "hello"或var undefined = 23，大多数浏览器均可以接受它；undefined不会保证标识符其实是不肯定的。所以，要返回实际的未定义值，请使用void运算符。它不是一个很是流行的运算符，而且不多使用。

人才们的 【三连】 就是小智不断分享的最大动力，若是本篇博客有任何错误和建议，欢迎人才们留言，最后，谢谢你们的观看。

---

代码部署后可能存在的BUG无法实时知道，过后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给你们推荐一个好用的BUG监控工具 Fundebug。

原文：http://www.js-craft.io/blog/6...

---

交流

文章每周持续更新，能够微信搜索【大迁世界 】第一时间阅读，回复【福利】有多份前端视频等着你，本文 GitHub https://github.com/qq449245884/xiaozhi 已经收录，欢迎Star。