搜索[javascript]结果-低调大师优秀个人博客

精选列表

搜索[javascript]，共9002篇文章

JavaScript加载 - defer与async

2019-04-28

Javascript 模块化指北

前言随着 Web 技术的蓬勃发展和依赖的基础设施日益完善，前端领域逐渐从浏览器扩展至服务端（Node.js），桌面端（PC、Android、iOS），乃至于物联网设备（IoT），其中 JavaScript

2019-04-27

JavaScript 创建对象的方式

属性名可以是JavaScript标识符也可以是字符串直接量(也可以是空字符串)，属性的值可以是任意类型的JavaScript表达式，表达式的值即是改属性的值，该值可以是原始值，也可以是对象值。

2019-04-26

JavaScript 原型的深入指南

原文：JavaScript 原型的深入指南作者：前端小智 Fundebug经授权转载，版权归原作者所有。不学会怎么处理对象，你在 JavaScript 道路就就走不了多远。

2019-04-23

首先呢，prototype是对象里的一个内置属性，并且呢，这个属性是对于其他对象的一个引用。所以呢，思考下面的例子： var obj = { a: 2 } var myObj = Object.create(obj); console.log(myObj.a); // 2 console.log(myObj === obj); // false console.log(Object.getPrototypeOf(myObj) === obj); // true Object.getPrototypeOf(myObj).a = 4 console.log(obj.a); // 4 这里可以看到，实际上Object.create()是新建了一个对象，并且这个对象的prototype是obj的一个引用，所以呢，如果咱们直接修改prototype里面的值，原对象也就跟着变了。很简单吧，那么如果执行如下代码的话，会发生什么呢？ myObj.a = 10; 是不是认为，还跟上面那个一样的，obj.a也变成10了呢？实际上不是的，他的运行机制要比咱们想的稍微复杂一点点。实际上要分三种情况来看：如果在prototype链上存在这个属性，并且没有标记为只读，那么就会在本对象上新建一个新的同名属性。如果在prototype链上存在这个属性，并且标记为只读，那么将无法修改已有属性或在本对象上新建一个同名属性，如果是严格模式的话，还会报错。如果在prototype链上只是存在此setter，那么一定会调用此setter，并不会添加属性到对象上，更不会重新定义这个setter 很枯燥是吧，来看例子,对照着上面的情况，好好的理解一下： var obj = { a: 2, set c(num) { console.log('exec it'); } } var myObj = Object.create(obj); myObj.a = 10; console.log(obj.a); // 2 console.log(myObj.a); // 10 Object.defineProperty(obj, 'b', { value: 3, writable: false }) myObj.b = 10; console.log(myObj.b); // 3 myObj.c = 20; // "exec it" console.log(myObj.c); // undefined 假如上面的已经理解了，那么可以思考下下面的运行结果： var obj = { a: 2 } var myObj = Object.create(obj); console.log(++myObj.a); // 3 console.log(obj.a); // 2 这个在咱们实际的编码中时有发生，看代码是想把a改成3，但是由于上面第一种情况的影响，实际上是新建了一个同名属性3，并且赋值给了myObj。上面我们谈论的都是普通对象的prototype的一些特性，接下来，咱们就要讲关于new关键字相关的一些知识点了，思考下面的例子 function Foo() {} var a = new Foo(); console.log(Object.getPrototypeOf(a) === Foo.prototype); // true var b = new Foo(); Object.getPrototypeOf(b).saySomething = function () { console.log('say something'); } a.saySomething(); // "say something" 很明显，在new的过程中呢，生成了一个新对象，并且把Foo.prototype引用到了新对象的prototype。那么因为是引用，所以通过b改变其原型上的prototype的值，Foo.prototype里也会跟着改变。那么new的过程，是不是一定引用的是函数的prototype呢？也不一定，比如说下面的例子。 function Foo() { return { a: 3 } } var a = new Foo(); console.log(Object.getPrototypeOf(a) === Foo.prototype); // false console.log(Object.getPrototypeOf(a) === Object.prototype); // true console.log(a.a); // 3 在这个例子中，由于new的时候，返回的是一个对象，所以最后实际上a最终引用的是Foo最后返回的那个小对象，所以其prototype就是Object.prototype，而不是Foo.prototype 甚至说，Foo.prototype也是可以被改变的，不过在这时候，new出来的对象，其prototype就是被改过的那个对象。 var protoObj = { b: 10 } function Foo() {} Foo.prototype = protoObj; var a = new Foo(); console.log(Object.getPrototypeOf(a) === Foo.prototype); // true console.log(Object.getPrototypeOf(a) === protoObj); // true console.log(a.b); // 10 你看，如果prototypeObj修改了默认的Foo.prototype，所以最后，实际上形成了这么一个引用链：a.prototype => foo.prototype => protoObj=>Object.prototype。所以说结论吧，在new的时候，实际上执行会包含这么几步，如果有return并且返回的是一个对象的话，则直接返回return后的那个对象。反之，则新建一个对象。并且吧函数的prototype引用到新建对象的prototype中。所以说，原型，可以理解为我本来对象有一个prototype，引用着其他的对象，当我这个对象的prototype引用了另一个对象的prototype，一般情况会到Object.prototype为止，这样就组成了一个原型链，原型链也就是互相引用的引用链。而这个引用链是可以根据自己的需求去改。好了，简短的一小节就完事了，如果有不明白的，或者有疏漏的地方，或者有什么地方想和我讨论的，可以留言给我哦。本文转载自http://www.lht.ren/article/8/

2019-01-13

好物分享——JavaScript编程

阿里云云栖社区：小笨笨qaqcnblogs：小笨笨的世界，希望大家支持1.https://files.cnblogs.com/files/sillyben/javascript-tower-platformer-master.zip2

2018-12-31

JavaScript学习（十六）----事件处理

目录事件与事件处理概述事件与事件名称 JavaScript的常用事件 JavaScript的相关事件事件处理程序的调用 1.在JavaScript中代码： 2.在HTML中 JavaScript

2018-12-05

JavaScript日期选择控件Kalendae

在线演示本地下载

2018-12-04

JavaScript如何优雅实现继承？

二、原型链继承众所周知，JavaScript 是一门基于原型的语言，在 JavaScript 中 prototype 对象的任何属性和方法都被传递给那个类的所有实例。

2018-11-25

JavaScript学习（十三）---RegExp对象

例子： <script language="JavaScript"> function RegExpTest(){ var src="I'm a good man"; //创建正则表达式模式

2018-11-17

JavaScript是怎样AOP实现？

对于JavaScript的其他框架、库不知道有没有AOP的支持。

2018-11-09

详解 JavaScript 的私有变量

JavaScript最近有很多改进，新的语法和特性一直在添加。但有些事情不会改变，所有的东西仍然是一个对象，几乎所有的东西都可以在运行时改变，也没有公有/私有属性的概念。

2018-10-29

JavaScript原型链和继承

1.概念 JavaScript并不提供一个class的实现，在ES6中提供class关键字，但是这个只是一个语法糖，JavaScript仍然是基于原型的。JavaScript只有一种结构：对象。

2018-10-23

JavaScript 计时器之旅

原文地址：A tour of JavaScript timers on the web 原文作者：Nolan Lawson 译文出自：阿里云翻译小组译文链接：https://github.com/dawn-teams

2018-10-22

JavaScript设计模式入坑

JavaScript设计模式入坑介绍设计模式编写易于维护的代码。设计模式的开创者是一位土木工程师。Σ( ° △ °|||)︴，写代码就是盖房子。模式模式一种可以复用的解决方案。

2018-10-17

JavaScript 标准之 Map对象

Key: thing3, Value: 3 参考文献【美】MDN Web docs 之 Map 【美】Microsoft Developer Network 之 Map对象（JavaScript

2018-10-10

理解 JavaScript 的 async/await

我第一次看到这组关键字并不是在 JavaScript 语言里，而是在 c# 5.0 的语法中。

2018-10-08

JavaScript的几种循环方式

JavaScript提供了许多通过LOOPS迭代的方法。

2018-10-07

JavaScript—掌握跨域（24）

> <head> <meta charset="utf-8"> </head> <body> <script type='text/javascript

2018-09-29

JavaScript—全栈开发（28）

前端的复杂度很多人是看不起JavaScript开发的。这玩意不就是玩具嘛,一些脚本和标签而已。说这话的时候，他们可能是就翘起二郎腿的，或者抱着膀子的。

2018-09-29

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。