我不知道还可以用 JS 做的 6 件事

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

创新互联建站成立于2013年，我们提供高端网站建设公司、成都网站制作、成都网站设计、网站定制、全网营销推广、小程序设计、微信公众号开发、成都网站推广服务，提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地，为宣传片制作企业提供源源不断的流量和订单咨询。

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

1. Function 构造函数Function()构造函数虽然不是很常用，但是了解一下还是很有必要的。

不管是通过函数定义语句还是函数直接量表达式，函数的定义都要使用 function()关键字。单函数还可以通过Function()构造函数来定义，比如：

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

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

 
 
 
 
      
  
  
  
  1.  const diff = function(a, b) { 
    2.   
  
  
  
  2.    return a - b 
    3.   
  
  
  
  3. } 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5. diff(20, 13) 
    6.

2. with 语句

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

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

 
 
 
 
      
  
  
  
  1. with(object) 
    2.

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

 
 
 
 
      
  
  
  
  1. const book = { 
    2.   
  
  
  
  2.     author: '前端小智', 
    3.   
  
  
  
  3.     title: '我不知道还可以用 JS 做的 6 件事' 
    4.   
  
  
  
  4. } 
    5.   
  
  
  
  5. with(book) { 
    6.   
  
  
  
  6.     console.log(author); // 前端小智 
    7.   
  
  
  
  7.     console.log(title); // 我不知道还可以用 JS 做的 6 件事 
    8.   
  
  
  
  8. } 
    9.

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

3. + 操作符

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

 
 
 
 
      
  
  
  
  1. const nr = +'1.5'; 
    2.   
  
  
  
  2. nr + 1; // 2.5 
    3.

4. 给函数赋值属性我们可以给函数赋属性。接着，可以通过为函数分配特定的属性来创建可配置的函数。

 
 
 
 
      
  
  
  
  1. function sayHello() { 
    2.   
  
  
  
  2.     if (sayHello.country = 'US') { 
    3.   
  
  
  
  3.         return alert('Hi there!'); 
    4.   
  
  
  
  4.     } 
    5.   
  
  
  
  5.     if (sayHello.country = 'FR') { 
    6.   
  
  
  
  6.         return alert('Bonjour !'); 
    7.   
  
  
  
  7.     } 
    8.   
  
  
  
  8.     if (sayHello.country = 'GR') { 
    9.   
  
  
  
  9.             return alert('Guten Tag !'); 
    10.   
  
  
  
  10.         } 
    11.   
  
  
  
  11.     return alert('Hi'); 
    12.   
  
  
  
  12. } 
    13.   
  
  
  
  13. sayHello.country =  'FR'; 
    14.   
  
  
  
  14. sayHello(); // alert('Bonjour !'); 
    15.

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

5. arguments.callee.caller

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

 
 
 
 
      
  
  
  
  1. function sayHello() { 
    2.   
  
  
  
  2.   console.log(arguments.callee.caller) // [Function: start] 
    3.   
  
  
  
  3. } 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5. (function start() { 
    6.   
  
  
  
  6.   sayHello() 
    7.   
  
  
  
  7. })() 
    8.

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

 
 
 
 
      
  
  
  
  1. function sayHello() { 
    2.   
  
  
  
  2.   console.log(arguments.callee) // [Function: sayHello] 
    3.   
  
  
  
  3. } 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5. (function start() { 
    6.   
  
  
  
  6.   sayHello() 
    7.   
  
  
  
  7. })() 
    8.

6. void 操作符

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

 
 
 
 
      
  
  
  
  1. void(1); // undefined 
    2.   
  
  
  
  2. void(true); // undefined 
    3.   
  
  
  
  3. void(false); // undefined 
    4.   
  
  
  
  4. void({}); // undefined 
    5.

如果你问为什么只需要返回undefined而不是返回就需要一个特殊的关键字undefined：原因是在ES5之前，实际上可以命名一个全局变量undefined，就像这样：var undefined = "hello"或var undefined = 23，大多数浏览器都可以接受它;undefined不会保证标识符实际上是不确定的。因此，要返回实际的未定义值，请使用void运算符。它不是一个非常流行的运算符，并且很少使用。

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

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

原文：http://www.js-craft.io/blog/6-things-i-didnt-know-you-can-do-in-javascript/

本文转载自微信公众号「大迁世界」，可以通过以下二维码关注。转载本文请联系大迁世界公众号。

文章题目：我不知道还可以用 JS 做的 6 件事
本文来源：http://www.shufengxianlan.com/qtweb/news24/118724.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

网站排名知识

同城分类信息

内江智速网站建设　　 　乐山服务器托管　　 　led无边发光字　　 　四川主机托管　　 　东电技服　　 　H5网站制作　　 　遂宁做网站　　 　边坡防护网　　 　眉山电信机房　　 　成都标识标牌设计制作　　 　成都光华机房服务器托管　　 　网创优客　　 　西信服务器托管　　 　成都外贸网站建设　　 　网站建设　　 　香港云主机　　 　益鑫餐饮　　 　成都微信开发　　 　网站建设　　 　全网营销