JavaScript速记

JavaScript常见知识点积累,包括数据类型.数值转换.对象.原型与原型链.作用域与闭包等等,持续整理更新,如有错误请指正,甚是感激本文链接:JavaScript那些磨人的小妖精作者:狐狸家的鱼 GitHub:八至数据类型一共有七种数据类型,主要为两大类:原始类型.对象类型 1.基础类型(原始值) 数值number:用于任何类型的数字,包括整数或浮点数字符串string:字符串布尔值boolean:逻辑类型,true和false 空值null:未知的值无定义undefined:…

浅谈js中的this关键字

---恢复内容开始--- this是JavaScript中的关键字之一,在编写程序的时候经常会用到,正确的理解和使用关键字this尤为重要.接下来,笔者就从作用域的角度粗谈下自己对this关键字的理解,希望能给到大家一些启示,权当交流之用. 全局作用域中的this 本文将以作用域由外至内的方式逐步理解this关键字.首先,看下面这行代码: console.log(this); // Window {top: Window, location: Location, document: docume…

【javascript】您好，您要的ECMAScript6速记套餐到了

[前言]本文“严重参考” 自阮一峰老师写的文档,在此我郑重感谢他沉默无声的帮助总结一下ES6为 javascript中的对象/数组/函数这JS三巨头所提供的更简洁优雅的书写方式,以及扩展的API. 对象篇属性名简洁表示法, 当对象的属性名和作为属性值的变量名名称相同时,可只写属性名 var name = "彭湖湾" var obj = { name: name } 可简写为 var name = "彭湖湾" var obj = { name } 如果对象的属…

【javascript】您好，您要的ECMAScript6速记套餐到了（一）

[前言]本文“严重参考” 自阮一峰老师写的ES6文档,在此我郑重感谢他沉默无声的帮助总结一下ES6为 javascript中的对象/数组/函数这JS三巨头所提供的更简洁优雅的书写方式,以及扩展的API. 对象篇属性名简洁表示法, 当对象的属性名和作为属性值的变量名名称相同时,可只写属性名 var name = "彭湖湾" var obj = { name: name } 可简写为 var name = "彭湖湾" var obj = { name } 如果对…

JavaScript DOM 编程艺术（第2版）读书笔记 (9)

三位一体的网页结构层:由HTML或XHTML之类的标记语言负责创建: 表示层:由CSS负责完成: 行为层:负责内容应该如何响应事件这一问题.这是由JavaScript语言和DOM主宰的领域. 分离使用(X)HTML去搭建文档的结构: 使用CSS去设置文档的呈现效果: 使用DOM脚本去实现文档的行为: 不过,在这三种技术之间存在着一些潜在的重叠区域:用DOM可以改变网页的结构,诸如createElement和appendChild之类的DOM方法允许你动态地创建和添加标记. 在CSS上也有这种…

【JavaScript】JavaScript中的陷阱大集合

本文主要介绍怪异的Javascript,毋庸置疑,它绝对有怪异的一面.当软件开发者开始使用世界上使用最广泛的语言编写代码时,他们会在这个过程中发现很多有趣的“特性”.即便是老练的Javascript开发者也可以在本文找到一些有趣的新陷阱,请留意这些陷阱,当然也可以尽情享受由这些陷阱带来的“乐趣”! AD: 本文主要介绍怪异的Javascript,毋庸置疑,它绝对有怪异的一面.当软件开发者开始使用世界上使用最广泛的语言编写代码时,他们会在这个过程中发现很多有趣的“特性”.即便是老练的Java…

ES6速记手册

1.三元操作符这是一个很好的节省代码当你想要编写一个如果. . else语句在一线. 普通写法: const x = 20;let big;if (x > 10) { 速记: const big = x > 10 ? true : false; 你还可以嵌套的if语句如下: const big = x > 10 ? " greater 10" : x < 5 ? "less 5" : "between 5 and 10"…

JavaScript看书笔记01

JavaScript看书笔记... ------------------- JavaScript允许var定义语句出现在函数内部的任意位置.JS中使用Var来显示的给变量声明 JavaScript是一门轻的语言用于.被设计用于执行Web页面上那些用Java完成起来过于笨拙的小任务. JavaScript中既有Function语句.同时也存在函数表达.<一个function语句就是其值为一个函数的var语句的速记形式function foo(){}意思相当于是:var foo =function…

《JavaScript Dom 编程艺术》读书笔记-第9章

SS-DOM,本章内容: style属性如何检索样式如何改变样式三页一体的网页结构层:由HTML或XHTML之类的标记语言负责创建.标签(tag)也就是尖括号里的单词,对网页内容的语义含义做出了描述. 表示层:由CSS负责完成.CSS描述页面内容应该如何呈现.定义这样一个CSS来声明:文本段应该使用灰色的Arial字体和另外几种sans-serif字体来显示. <p>{ color:grey; font-family:"Arial",sans-serif; } 行为层…

Google JavaScript样式指南

Google JavaScript样式指南目录 1简介 1.1术语说明 1.2指南说明 2源文件基础知识 2.1文件名 2.2文件编码:UTF-8 2.3特殊字符 3源文件结构 3.1许可或版权信息(如果有) 3.2 @fileoverview JSDoc,如果存在的话 3.3 goog.module语句 3.4 goog.require语句 3.5文件的实现 4格式化 4.1大括号 4.2块缩进:+2个空格 4.3声明 4.4柱限:80 4.5换行 4.6空白 4.7分组括号:推荐 4.…

一篇博文将JavaScript尽收眼底

简介这篇文章是为专业程序员介绍的JavaScript语言的,它是一种小巧的语言,如果你熟悉其他的编程语言,那么这篇文章对你来讲不是那么难以理解. JavaScript不是Java,他们是两门完全不同的语言,JavaScript不是Java的子集,JavaScript不能被认为是Java(Java就是Java).JavaScript分享了像Java一样分享C语言的语法,但从更深角度讲JavaScript更与Scheme和Self有相似之处.它是一门小巧的语言,但是它确实强大的和丰富的语言.你应该…

javascript的优美与鸡肋

--总结来自:<javascript语言精粹> 任何语言都有其优美的地方和其鸡肋的地方.避归一些语言的糟粕,能相应的降低bug出现的几率. 优美处: 函数是头等对象基于原型继承的动态对象对象字面量和数组字面量糟粕: 1. 全局变量全局变量有三种表达方式: var声明:var foo = value; 添加属性到全局对象上,即添加到window上:window.foo = value; 未经声明的变量:foo = value; 虽然变量可以未经声明就使用,但是…

JavaScript Creating 对象

可通过多种方法在 JavaScript 中创建你自己的对象.可以直接实例化Object 对象 (JavaScript),然后添加你自己的属性和方法.或者可以使用对象文本表示法来定义你的对象.还可使用构造函数来定义对象. 示例下面的代码演示如何实例化对象和添加一些属性.在此情况下,只有 pasta 对象具有 grain.width 和 shape 属性. var pasta = new Object(); pasta.grain = "wheat"; pasta.width = 0.5…

JavaScript 日期权威指南

简介 JavaScript通过强大的对象为我们提供日期处理功能:日期. 本文确实_不是_谈论 Moment.js ,我认为它是处理日期的最佳库,你应该在处理日期时几乎总是使用它. Date对象 Date对象实例表示单个时间点. 尽管被命名为Date,它也处理时间. 初始化Date对象我们使用初始化Date对象 new Date() 这将创建一个指向当前时刻的Date对象. 在内部,日期以1970年1月1日(UTC)以来的毫秒数表示.这个日期很重要,因为就计算机而言,这就是一切开始的地方. 您可…

HTML、XHTML、css速记

一.HTML 下面内容记录经常使用的html元素.可另存为html文件以查看效果: <!doctype html> <html lang="zh-cn"> <head>  <meta charset="UTF-8"> <meta name="Generator" content="EditPlus"/> &l…

学习React之前你需要知道的的JavaScript基础知识

在我的研讨会期间,更多的材料是关于JavaScript而不是React.其中大部分归结为JavaScript ES6以及功能和语法,但也包括三元运算符,语言中的简写版本,此对象,JavaScript内置函数(map,reduce,filter)或更常识性的概念,如:可组合性,可重用性,不变性或高阶函数.这些是基础知识,在开始使用React之前你不需要掌握这些基础知识,但在学习或实践它时肯定会出现这些基础知识. 以下演练是我尝试为您提供一个几乎广泛但简明的列表,其中列出了所有不同的JavaScri…

容易出错的JavaScript题目集锦

容易出错的JavaScript题目集锦 1.typeof(null) 会得到什么?object,在JavaScript中null被认为是一个对象. 2.下列代码将输出控制台的是什么?为什么? 123456 ((){ var a = b = 3;})(); console.log("a defined? " + (typeof a !== 'undefined'));console.log("b defined? " + (typeof b !== 'undefine…

37个JavaScript基本面试问题和解答

1.使用typeof bar ==="object"来确定bar是否是一个对象时有什么潜在的缺陷?这个陷阱如何避免? 尽管typeof bar ==="object"是检查bar是否是对象的可靠方法,但JavaScript中令人惊讶的问题是_null_也被认为是一个对象! 因此,下面的代码打印到控制台的是true而不是false: var bar = null; console.log(typeof bar === "object"); // l…

2021 年写 JavaScript 代码的 17 个优化技巧

我们经常会写一些 JavaScript 代码,但是如何写出干净又易维护的代码呢?本文将讲解 17 个 JavaScript 代码的技术帮助你提高编程水平,此外,本文可以帮助您为 2021 年的 JavaScript 面试做好准备. (注意,我会把差的代码放在上面用 //longhand 注释的,好的代码放在下面用 //shorthand 注释的,以作比较) 1. If 多个条件的时候有时候你会经常判断一个变量是否等于多个值的情况: //longhand if (x === 'abc' ||…

JavaScript之父Brendan Eich，Clojure 创建者Rich Hickey，Python创建者Van Rossum等编程大牛对程序员的职业建议

软件开发是现时很火的职业.据美国劳动局发布的一项统计数据显示,从2014年至2024年,美国就业市场对开发人员的需求量将增长17%,而这个增长率比起所有职业的平均需求量高出了7%.很多人年轻人会选择编程作为自己职业生涯的起点.如何学好编程?如何成为优秀的程序员?如何规划好程序员这个职业?是许多年轻人关注的问题.在Infoworld最近做的一次调查中,邀请到了JavaScript之父Brendan Eich,Clojure 创建者Rich Hickey,Spring Framework创建者Rod…

javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈

Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换.排序.合并.迭代等等基本操作. 原文:http://www.cnblogs.com/kelsen/p/4850274.html 创建数组和数组检测 1.使用Array构造函数创建数组. //创建一个空数组 var cars = new Array(); //创建一个指定长度的数组 var car…

Javascript 的执行环境(execution context)和作用域(scope)及垃圾回收

执行环境有全局执行环境和函数执行环境之分,每次进入一个新执行环境,都会创建一个搜索变量和函数的作用域链.函数的局部环境不仅有权访问函数作用于中的变量,而且可以访问其外部环境,直到全局环境.全局执行环境只能访问全局执行环境的变量和函数,不能直接访问局部环境中的信息:变量的执行环境有助于确定何时应该释放内存.离开作用域的值会被标记为可以回收,将在垃圾收集期间被删除.javascript中有“标记清楚” 和 “引用计数” 两种垃圾收集算法. 执行环境 (execution context) 执行环境是…

探究javascript对象和数组的异同，及函数变量缓存技巧

javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来存储数据有什么不同.于是,我打算探究探究. 一.掌握三种数据类型首先,一个前提必须掌握的,就是必须理解javascript的数据类型分类,主要分为以下三种: 第一种类型是标量(scalar),也就是一个单独的字符串(string)或数字(numbers),比如"北京"这个单独的词. 第二…

读书笔记：JavaScript DOM 编程艺术（第二版）

读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Netscape公司与Sun公司合作开发,在JavaScript之前,web浏览器只是显示文本文档的软件,JavaScript之后,网页内容不再局限于枯燥的文本,交互性显著改善.在JavaScript的第一个版本,即JavaScript 1.0版本,出现在1995年推出的Netscape Navigator…

《Web 前端面试指南》1、JavaScript 闭包深入浅出

闭包是什么? 闭包是内部函数可以访问外部函数的变量.它可以访问三个作用域:首先可以访问自己的作用域(也就是定义在大括号内的变量),它也能访问外部函数的变量,和它能访问全局变量. 内部函数不仅可以访问外部函数的变量,也能访问外部函数的参数(parameters).但注意,它只能访问外部函数的 parameters ,而不能访问外部函数的 arguments 对象. 举例说明 JavaScript 闭包 function showName (firstName, lastName) {  var…

JavaScript权威指南 - 函数

函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对于其他面向对象语言,在JavaScript中的函数是特殊的,函数即是对象.JavaScript可以把函数赋值给变量,或者作为参数传递给其他函数,甚至可以给它们设置属性等. JavaScript的函数可以嵌套在其他函数中定义,这样定义的函数就可以访问它们外层函数中的任何变量.这也就是所谓的"闭包&qu…

JavaScript自定义浏览器滚动条兼容IE、火狐和chrome

今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css只能是改变IE浏览器的颜色,而且CSS不能做到改变火狐浏览器的样式和颜色.所以只能是通过JavaScript来实现了.也有插件可以做到.我分享一下我自己使用原生JavaScript实现的思路.先上个图看下效果: JavaScript实现的思路就是模拟浏览器自身滚动条.我制作的思路是先将整个文档放在一…