首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

《你不知道的JavaScript》:理解js原生函数

本篇来看下js中的原生函数,也叫内置函数。...多数情况下,对象的内部[[class]]属性和创建该对象的内建原生构造函数相对应。...// 常量形式创建数组 5console.log(b); // [4, 5, 6] 但相较于其他原生构造函数,Date()和Error()则不一样,因为没有对应的常量形式来作为它们的替代。...该值可以通过日期对象中的getTime()来获得。 创建错误对象主要是为了获取当前运行栈的上下文,栈上下文信息包含函数调用栈信息和产生错误的代码行号,以便于debug调试。...借助原型代理,所有的这些构造函数的"实例"对象都具有对应原型对象上的方法。 最后总结下,js为所有基本类型值提供了封装对象,它们也被称为原生函数(String、Number、Boolean等)。

78120
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    掌握JavaScript高阶函数,让你的代码更灵活

    让我们一起开启JavaScript高阶函数的魔法之旅吧!...常用的高阶函数:让数组操作更简单 在 JavaScript 中,有很多内置的高阶函数,特别适用于数组的操作和转换。...结束 高阶函数是JavaScript中一个非常强大的特性,它让开发者能够编写更加模块化、可复用且富有表现力的代码。...此外,你还可以创建自己的高阶函数,封装特定的行为和模式,使代码更具可读性和可维护性。 通过利用高阶函数的强大功能,你可以编写出更简洁、更高效且更灵活的JavaScript代码。...它们是函数式编程的基本概念,在现代JavaScript开发中得到了广泛应用。 在你的JavaScript学习之旅中,拥抱高阶函数的力量,探索它们如何应用于解决复杂问题并创建优雅的解决方案。

    12610

    如何将 github 上的代码一键部署到服务器?

    在 Github 上看到一些不错的仓库,想要贡献代码怎么办? 在 Github 上看到一些有用的网站,想部署到自己的服务器怎么办? 。。。 我想很多人都碰到过这个问题。...如果要贡献代码,之前我的做法通常是将代码克隆到本地,然后在本地的编辑器中修改并提交 pr。...如果想部署到自己的服务器,之前我的做法通常是克隆到本地,然后本地修改一下部署的配置,最后部署到自己的服务器或者第三方的云服务器(比如 Github Pages)。...而现在随着云技术的普及,我们「没有必要将代码克隆到本地进行操作,而是直接在云端编辑器中完成修改,开发,并直接部署到云服务器」。今天就给大家推荐一个工具,一键将代码部署到云服务器。 什么是一键部署?...如果你想修改源码重新构建也是可以的。 比如我看到别人的博客很漂亮。如果 ta 提供了一键部署,那么就可以直接部署到自己的云服务器,生成自己的 url。

    12K31

    在javascript中如何将字符串转成变量或可执行的代码?

    有这样一个需求:当前作用域内有未知的一些变量,其中一个函数中可以拿到某个变量名字符串,怎么能在函数内通过传进来的字符串取到作用域链中的变量值,示例小 demo 如下: const name = '周小黑...return value } const str = fn('name') 要解决上面的问题,主要就是怎么将字符串转变成可执行的代码?...主要有三种方式: eval() 函数 eval() 函数会将传入的字符串当做 JavaScript 代码进行执行,所以下面的字符串可以正确取到变量对应的值,eval 对比 new Function 和...function 或者箭头函数创建,不会用构造函数来创建函数,一般使用也是为了来动态创建函数,因为 new Function 最后一个参数是函数体字符串,这样我们就可以用来动态生成拼接,具体语法如下:...setTimeout 定时器 setTimeout 的第一个参数我们平时都是传一个函数,它其实也是可以传字符串进去的,在浏览器中是可以正常执行的,在node环境中会报错。

    86630

    JavaScript :ES6 的箭头函数,让你的代码更简洁

    javascript 箭头函数表达式 箭头函数表达式是ES6出的标准,可以让你写函数更加的简洁快捷 语法 基础语法 (参数1, 参数2, …, 参数N) => { 函数声明 } //相当于:(参数...} 单一参数 => {函数声明} // 没有参数的函数应该写成一对圆括号。...() => {函数声明} 高级语法 //加括号的函数体返回对象字面表达式: 参数=> ({foo: bar}) //支持剩余参数和默认参数 (参数1, 参数2, ...rest) => {函数声明...' ]; elements.map(function(element) { return element.length; }); // 返回数组:[8, 6, 7, 9] // 上面的普通函数可以改写成如下的箭头函数...elements.map(element => { return element.length; }); // [8, 6, 7, 9] // 当箭头函数的函数体只有一个 `return` 语句时

    46910

    原生JavaScript+CSS实现计算器(简单的介绍一下eval函数)

    最近几天家里的事情有点忙,导致一直没有更新博客,但是不代表一直没看技术,学习不能停止,正所谓活到老学到老ok,我们今天简单的介绍一个js里面的不常用到的函数,但是功能确实很强大的,eval()运算函数...为了看出来他的强大,我写了一个简单的计算器,来说明一下这个函数的巧妙和强大。...,毕竟功能就简单,那么下面我们简单的说一下eval的函数的用法和功能 eval()这个括号里面不管是什么运算,都是可以直接运算的。...举W3Cshool的例子: javascript"> eval("x=10;y=20;document.write(x*y)") document.write(...如果传递给 eval() 的 Javascript 代码生成了一个异常,eval() 将把该异常传递给调用者 说明: 该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回

    62520

    【javascript】函数中的this的四种绑定形式 — 大家准备好瓜子,我要讲故事啦~~

    javascript中的this和函数息息相关,所以今天,我就给大家详细地讲述一番:javascript函数中的this 一谈到this,很多让人晕晕乎乎的抽象概念就跑出来了,这里我就只说最核心的一点...【正文】 当一个函数没有明确的调用对象的时候,也就是单纯作为独立函数调用的时候,将对函数的this使用默认绑定:绑定到全局的window对象 function fire () {      console.log...仍然是window 许多人可能会顾虑于fire函数的作用域对innerFire的影响,但我们只要抓住我们的理论武器——没有明确的调用对象的时候,将对函数的this使用默认绑定:绑定到全局的window对象...当函数被一个对象“包含”的时候,我们称函数的this被隐式绑定到这个对象里面了,这时候,通过this可以直接访问所绑定的对象里面的其他属性,比如下面的a属性 var obj = {      a: 1,...this是动态绑定的,或者说是在代码运行期绑定而不是在书写期 2.

    72670

    jQuery 事件绑定 和 JavaScript 原生事件绑定

    总结一下:jQuery 事件绑定 和 JavaScript 原生事件绑定 及 区别 jQuery 事件绑定 jQuery 中提供了四种事件监听绑定方式,分别是 bind、live、delegate、on...JavaScript支持在标签中直接绑定事件 2.在JavaScript代码中onXXX绑定:在JavaScript代码中绑定事件可以使JavaScript代码与HTML标签分离,文档结构清晰,便于管理和开发...在JavaScript代码中onXXX绑定 在JavaScript代码中绑定事件的语法为: elementObject.onXXX=function(){     // 事件处理代码 } 其中: elementObject...handle 事件句柄函数,即用来处理事件的函数。 useCapture Boolean类型,是否使用捕获,一般用false 。这里涉及到JavaScript事件流的概念,后续章节将会详细讲解。...原生的事件绑定,可以发现只执行了最后一个相同的绑定事件,后面绑定的事件处理函数覆盖了前面的事件处理函数。

    5.7K20

    一篇文章把你带入到JavaScript中的闭包与高级函数

    file 在JavaScript中,函数是一等公民。JavaScript是一门面向对象的编程语言,但是同时也有很多函数式编程的特性,如Lambda表达式,闭包,高阶函数等,函数式编程时一种编程范式。...dada函数的作用域 } JavaScript的函数也是对象,可以有属性,可以赋值给一个变量,可以放在数组里作为元素,可以作为其他对象的属性,什么都可以做,别的对象能做的它也能做,别的对象不能做的它也能做...函数和其他普通对象来说,是一样的,有属性有方法,普通对象能做的,函数也能做。学习JavaScript中的闭包和高级函数是基础篇哦! 那么什么是闭包?...词法作用域:作用域是在编写代码的时候确定的 动态作用域:作用域是在代码运行的时候确定的 function add(num){ var sum = 5; return...什么是高阶函数,JavaScript中的函数都指向某个变量,既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,就叫高阶函数。

    79610

    看我一波,Android获取进程名函数,代码优化到极致的操作!

    建议收藏本文,你的项目一定用的到。 一、获取进程名的常规方法,通过ActivityManager 在多进程的APP中,常常需要知道当前进程是主进程还是后台进程?还是什么进程。...如下代码,是我们常见的一个用法,在进程启动时,根据进程名判断当前进程是哪个进程: public class MyApp extends Application { private static final...大叔做了个简单的测试,测试下三种方法调用需要的时长: 在模拟器上做的测试,模拟器配置如下: image.png 测试代码如下: private fun testGetCurrentProcessNameByApplication...getCurrentProcessNameByActivityManager duration=${SystemClock.elapsedRealtimeNanos() - beginTime}") } 每个函数在调用前...但是,深入代码细节,解决一个个问题的经验更加宝贵。 解决这些问题的过程,形成的思维习惯,对一个程序员来说,这是生存之本。

    2.5K50

    前端面试那些坑

    javascript 代码中的"use strict";是什么意思 ? 使用它区别是什么? 如何判断一个对象是否属于某个类? new操作符具体干了什么呢?...用原生JavaScript的实现过什么功能吗? Javascript中,有一个函数,执行时对象查找时,永远不会去查找原型,这个函数是? 对JSON的了解?...数组和对象有哪些原生方法,列举一下? JS 怎么实现一个类。怎么实例化这个类 JavaScript中的作用域与变量声明提升? 如何编写高性能的Javascript? 那些操作会造成内存泄漏?...能讲出他们各自的优点和缺点么? Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法? 解释JavaScript中的作用域与变量声明提升? 那些操作会造成内存泄漏?...JQuery一个对象可以同时绑定多个事件,这是如何实现的? Node.js的适用场景?

    2.2K60

    NativeScript工作原理

    好,我们继续解答下一个问题:NativeScript是如何将JavaScript的Time()调用映射到原生的android.text.format.Time()调用呢? 4....原生代码的唤起机制 NativeScript唤起原生代码调用同样依赖于JavaScript引擎的API。...利用这种机制,NativeScript可以监听JavaScript函数的调用,并且在V8回调函数里执行C++代码,从而实现原生代码的调用。...这里提到的回调函数并不是JavaScript的回调函数,而是V8引擎内部的C++函数。V8解析执行JavaScript函数时首先将JavaScript函数映射为C++函数,然后再执行。...以上便是NativeScript的工作原理。 至于如何将Objective-C对象和Java对象映射为JavaScript对象,这部分工作非常复杂,因为必须考虑到每种编程语言实现继承模式的差异。

    2.7K70

    2019 年谷歌开发者大会参与感

    这个问题,也是我最近慢慢认知到的!...下面介绍了 TWA 是什么、TWA 具有哪些特点,以及 TWA 的优势。 TWA 结合 PWA,在未来就会是正式的 WebApp 雏形了。...趋势 2:回归原生应用的谷歌,以及收紧动态化的苹果,是否能够给原生开发者带来更多的信心 也许您会发现团队中的 IOS 和 安卓开发人员的正在萎缩,尤其是过去非常成功的产品,对应的 APP 团队,如今也面临着极大的压力...简单描述一下 Flutter 的设计: Flutter 的具体设计实现,考虑到文章篇幅,就不在这描述太多,这是简单归纳一下:相比于 类 RN 框架,只是通过 JavaScript 虚拟机扩展调用系统组件...尤其是那些跟我说 : "我 13 岁就开始写代码了。到大学毕业我已经写了 10 年了." 这样的同学,未来会越来越多, 随着他们的成长,我们又该何去何从? 技术的发展和迭代,也导致了技术本身的落后!

    62420

    我是怎样克服对 React 的恐惧,然后爱上 React 的

    你从来都不需要写代码将其进行绑定。这多酷啊,呵? 但是等等,模型不是真相的来源么? 这里的视图模型从来获得它的状态呢? 它是怎么知道模型发生了变化的呢? 有趣的问题啊....很简单, {{# each}}, ng-repeat 和 databind=”foreach” 这些都是针对 JavaScript 中某些原生和琐碎事务的拙劣替代物。而它们不会更进一步走得更远。...那不是 JavaScript 啊! 对了,它就不是. 你的新伙伴,JSX 这段代码实际上是用 JSX 写的,它是 JavaScript 的一个超集,包含了用于定义组件的语法。...上面的代码会被编译成 JavaScript,因此实际上会变成: ? 你明白这段对 createElement 调用的代码么? 这些对象组成了虚拟 DOM 的实现。...并且你也拥有JavaScript的全部能力去描述你的 UI——循环,函数,作用域,组合,模块 - 不是一个蹩脚的模板语言哦. ? 今天就开始使用 React React 一开始会有点令人生畏。

    96320

    前端学习知识体系

    操作,事件绑定 2.链式编程(方法链),动画 3.常用组件,通过源代码了解封装原理 二、HTML和CSS HTML 1.从规范的角度理解 HTML,从分类和语义的角度使用标签 2.常用页面标签的默认样式...、常用模板、删格系统 三、计算机基础 关于编译原理,不需要理解非常深入,但是最基本的原理和概念一定要懂,这对于学习一门编程语言非常重要 编译原理 1.理解代码到底是什么,计算机如何将代码转换为可以运行的目标程序...2.正则表达式的匹配原理和性能优化 3.如何将 JavaScript代码解析成抽象语法树( AST) base64的编码原理 5.几种进制的相互转换计算方法,在 JavaScript中如何表示和转换...10.浏览器跨标签通信 浏览器原理 1.各浏览器使用的 JavaScript 引擎以及它们的异同点、如何在代码中进行区分 2.请求数据到请求结束与服务器进行了几次交互 3.可详细描述浏览器从输入 URL...到页面展现的详细过程 4.浏览器解析 HTML 代码的原理,以及构建 DOM 树的流程 5.浏览器如何解析 CSS 规则,并将其应用到 DOM 树上 6.浏览器如何将解析好的带有样式的 DOM 树进行绘制

    1.9K10
    领券