我不知道还可以用 JS 做的 6 件事
作者:Daniel 译者:前端小智 来源:js-craft
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
运算符。它不是一个非常流行的运算符,并且很少使用。
原文:http://www.js-craft.io/blog/6...
- 机器学习各类算法比较
- Kerberos环境下删除ZooKeeper服务注册信息问题分析
- 根据分组信息做差异分析- 这个一文不够的
- 如何使用Cloudera Manager启用YARN的HA
- 如何使用java代码通过JDBC连接Hive(附github源码)
- 差异分析得到的结果注释一文就够
- 如何使用Cloudera Manager禁用HDFS HA
- 转录组表达数据分析的一些可视化
- 如何使用java代码通过JDBC连接Impala(附Github源码)
- 点击此文,无需转发,即可下载上千个免费R包
- 如何使用Cloudera Manager启用HDFS的HA
- 刷剧不忘学CNN:TF+Keras识别辛普森一家人物 | 教程+代码+数据集
- 深度学习中的基础线代知识-初学者指南
- 如何通过CM升级Kafka0.11及Spark2.2
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- python + redis 实现 分布式队列任务
- Git error: hint: Updates were rejected because the remote contains work that you do hint: not have l
- 500 行代码写一个俄罗斯方块游戏
- k8s——资源限制
- k8s群集之动态扩缩容——HPA
- k8s群集的三种Web-UI界面部署
- Hive通过Jdbc连接HiveServer2
- SAP Spartacus OccCmsComponentAdapter的findComponentsByIds方法
- 分布式锁:二、Redis锁
- 面试官:kill -9 进程杀不掉,怎么办?
- SAP Spartacus的OccCmsPageNormalizer
- Redis性能指标监控!你知几何?
- Rust FFI 编程 - Bindgen 工具介绍
- synchronized的实现原理——锁膨胀过程
- 大点干!早点散----------rsync+inotify实现远程实时同步