你不知道的 JavaScript 基础细节
语法部分
type 属性: 默认的 type 就是 javascript, 所以不必显式指定 type 为 javascript
javascript 不强制在每个语句结尾加 “;” , javascript 会自动加分号, 但是在某些情况下会改变程序的语义, 所以最好主动加 “;”
两个相等运算符比较
‘==’ 相等( 值相等 ), 它会自动转换数据类型再比较, 很多时候会得到非常诡异的结果
‘===’ 严格相等( 数据类型和值都相等 ) , 它不会自动转换数据类型, 如果数据类型不一致, 返回false, 如果一致, 再比较
NaN 与所有其他值都不相等, 包括它自己:
NaN === NaN; // false
唯一能判断 NaN 的方法是通过 isNaN() 函数
isNaN(NaN); // true
浮点数比较
浮点数在运算过程中会产生误差, 因为计算机无法精确表示无限循环小数。 要比较两个浮点数是否相等, 只能计算它们之差的绝对值, 看是否小于某个阈值:Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true
null 和 undefined
大多数情况下,我们都应该用 null , undefined 仅仅在判断函数参数是否传递的情况下有用
出于代码的可读性考虑,创建数组建议使用 '[ ]',而不使用 'new Array';
如果一个变量没有通过 'var' 声明就被使用,那么该变量就自动被声明为全局变量。使用 var 声明的变量则不是全局变量,它的范围就该被限制在该变量被声明的函数体内
启用 strict 模式(强制通过 var 声明变量)
多行字符串用反引号表示
使用模版字符串
要获取字符串某个指定位置的字符,使用类似 Array 的下标操作, 索引号从 0 开始。 字符串是不可变的, 如果对
字符串的某个索引赋值, 不会有任何错误,但是也没有任何效果
直接给 Array 的 length 赋一个新的值会导致 Array 大小的变化
如果通过索引赋值时, 索引超过了范围, 同样会引起 `Array` 大小的变化, 但是不会有任何错误, 在编写代码时, 不建议直接修改 `Array` 的大小, 访问索引时要确保索引不会越界
数字 30 和字符串 '30' 是不同的元素
slice() 的起止参数包括开始索引, 不包括结束索引。
如果不给 slice() 传递任何参数, 它就会从头到尾截取所有元素。 利用这一点, 我们可以很容易地复制一个 Array
空数组继续 `pop` 不会报错,而是返回 `undefined`
`concat()` 方法并没有修改当前 `Array`, 而是返回了一个新的 `Array`,`concat()` 方法可以接收任意个元素和 `Array`, 并且自动把 `Array` 拆开, 然后全部添加到新的 `Array` 里
`javascript` 对象属性名必须是一个有效的变量名。 如果属性名包含特殊字符, 就必须用 `''` 括起来
如果我们要检测 `xiaoming` 是否拥有某一属性, 可以用in操作符, 不过要小心, 如果 `in` 判断一个属性存在, 这个属性不一定是`xiaoming` 的, 它可能是 `xiaoming` 继承得到的
要判断一个属性是否是 `xiaoming` 自身拥有的,而不是继承得到的,可以用 `hasOwnProperty()` 方法
JavaScript把 `null`、`undefined`、`0`、`NaN` 和空字符串 `''` 视为 `false`,其他值一概视为 `true`
由于 `Array` 也是对象, 而它的每个元素的索引被视为对象的属性, 因此, `for ... in` 循环可以直接循环出 `Array` 的索引
`for ... in` 循环由于历史遗留问题, 它遍历的实际上是对象的属性名称, `for ... of` 循环则完全修复了这些问题, 它只循环集合本身的元素
web前端/html5学习群:250777811
函数
函数如果没有 `return` 语句, 函数执行完毕后也会返回结果, 只是结果为 `undefined`
由于 `JavaScript` 允许传入任意个参数而不影响调用, 因此传入的参数比定义的参数多也没有问题, 虽然函数内部并不需要这些参数, 传入的参数比定义的少也没有问题
关键字 `arguments` 类似 `Array` 但它不是一个 `Array`
不在任何函数内定义的变量就具有全局作用域。 实际上, `JavaScript` 默认有一个全局对象 `window`。 以变量方式 `var foo = function () {}` 定义的函数实际上也是一个全局变量。
用 `var that = this;` , 你就可以放心地在方法内部定义其他函数,而不是把所有语句都堆到一个方法中。 对于普通函数调用, 通常把 `this` 绑定为 `null`。
`apply()` 与 `call()`的唯一区别
- `apply()` 把参数打包成 `Array` 再传入;
- `call()` 把参数按顺序传入。
所有实例的原型引用的是函数的 prototype 属性
箭头函数内部的 `this` 是词法作用域( 写代码或者定义时确定的 作用域,动态作用域是在运行时确定 ),由上下文确定。箭头函数完全修复了 `this` 的指向,`this` 总是指向词法作用域
标准对象
如果我们在使用 `Number`、`Boolean` 和 `String` 时, 没有写 `new` ,`Number()`、`Boolean()` 和 `String()` 被当做普通函数,把任何类型的数据转换为 `number`、`boolean` 和 `string` 类型(注意不是其包装类型)
不要使用 `new Number()`、`new Boolean()`、`new String()` 创建包装对象;
用 `parseInt()` 或 `parseFloat()` 来转换任意类型到 `number`;
用 `String()` 来转换任意类型到 `string` ,或者直接调用某个对象的 `toString()` 方法;
通常不必把任意类型转换为 `boolean` 再判断,因为可以直接写 `if (myVar) {...}` ;
`typeof` 操作符可以判断出 `number` 、`boolean`、`string`、`function` 和 `undefined` ;
判断 `Array` 要使用 `Array.isArray(arr)`;
判断 `null` 请使用 `myVar === null`;
判断某个全局变量是否存在用 `typeof window.myVar === 'undefined'`;
函数内部判断某个变量是否存在用 `typeof myVar === 'undefined'`。
任何对象都有 `toString()` 方法吗? `null` 和 `undefined` 就没有!
`number` 对象调用 `toString()` 报 `SyntaxError`
web前端/html5学习群:250777811
欢迎关注此公众号→【web前端EDU】跟大佬一起学前端!欢迎大家留言讨论一起转发
你不知道的 JavaScript 基础细节的更多相关文章
- javascript基础修炼(8)——指向FP世界的箭头函数
一. 箭头函数 箭头函数是ES6语法中加入的新特性,而它也是许多开发者对ES6仅有的了解,每当面试里被问到关于"ES6里添加了哪些新特性?"这种问题的时候,几乎总是会拿箭头函数来应 ...
- javaScript基础之闭包
不管是Jquery还是EXTJS,现代的js框架中大量应用了js的一些特性,比如:匿名函数,闭包等等,导致源代码非常难以阅读. 不过要想真正的使用好前台的UI技术,还是需要去深入的理解这些概念. ...
- 读书笔记-你不知道的JavaScript(上)
本文首发在我的个人博客:http://muyunyun.cn/ <你不知道的JavaScript>系列丛书给出了很多颠覆以往对JavaScript认知的点, 读完上卷,受益匪浅,于是对其精 ...
- 读《你不知道的JavaScript(上卷)》后感-作用域闭包(二)
github原文 一. 序言 最近我在读一本书:<你不知道的JavaScript>,这书分为上中卷,内容非常丰富,认真细读,能学到非常多JavaScript的知识点,希望广大的前端同胞们, ...
- 你不知道的Javascript:有趣的setTimeout
你不知道的Javascript:有趣的setTimeout 有时候,小小的细节往往隐藏着大大的智慧今天在回顾JavaScript进阶用法的时候,发现一个有趣的问题,话不多说,先上代码: for(var ...
- 你不知道的JavaScript之类型
JavaScript是一门简单易用的语言,应用广泛,同时它的语言机制又十分复杂和微妙,即使经验丰富的开发人员也需要用心学习才能真正掌握. <你不知道的JavaScript>中是这样定义类型 ...
- 《你不知道的 JavaScript 上卷》 学习笔记
第一部分: 作用域和闭包 一.作用域 1. 作用域:存储变量并且查找变量的规则 2. 源代码在执行之前(编译)会经历三个步骤: 分词/此法分析:将代码字符串分解成有意义的代码块(词法单元) 解析/语法 ...
- javascript基础修炼(7)——Promise,异步,可靠性
开发者的javascript造诣取决于对[动态]和[异步]这两个词的理解水平. 一. 别人是开发者,你也是 Promise技术是[javascript异步编程]这个话题中非常重要的,它一度让我感到熟悉 ...
- 《你不知道的JavaScript》系列分享专栏
<你不知道的JavaScript>系列分享专栏 你不知道的JavaScript”系列就是要让不求甚解的JavaScript开发者迎难而上,深入语言内部,弄清楚JavaScript每一个零部 ...
随机推荐
- 使用Eclipse把java文件打包成jar
本例仅限于要打包的文件没有使用第三方的jar包 在要打包的包或者文件上右键-Export 这里有一些选项: Export generated class files and resources 表示只 ...
- window.parent 、window.top及window.self 详解
在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口. 1. window.self ...
- Rbac_权限管理
click!!! https://github.com/ugfly1210/rbac_100 有关于 rbac 的所有代码,包括 README. 用户和角色 : 多对多字段放在哪张表更好点? 用户找角 ...
- 【转载】Unity插件研究院之自动保存场景
原文: http://wiki.unity3d.com/index.php?title=AutoSave 最近发现Unity老有自动崩溃的BUG. 每次崩溃的时候由于项目没有保存所以Hierarch ...
- idea中maven项目放到包中的mapper的xml文件不发布的问题
今天重新一下mybatis的基础,然后一直报错,提示的是 result map 找不到com.zm.model.User对象可是看 mapper的写法没问题.找了半天才发现 是mapper没扫描到 解 ...
- jquery serialize() 方法
ajax异步提交的时候,会使用该方法. 方法:jQuery ajax - serialize() 方法
- 虚函数&&虚继承
如果说没有虚函数的虚继承只是一个噩梦的话,那么这里就是真正的炼狱.这个C++中最复杂的继承层次在VS上的实现其实我没有完全理解,摸爬滚打了一番也算得出了微软的实现方法吧,至于一些刁钻的实现方式我也想不 ...
- reinterpret_cast and const_cast
reinterpret_cast reinterpret意为“重新解释” reinterpret_cast是C++中与C风格类型转换最接近的类型转换运算符.它让程序员能够将一种对象类型转换为另一种,不 ...
- 再理一下prerouting和postrouting等插入点
这些地方的准确翻译是hook点(hook点是一个土的说法,学名叫rule chain,规则链)这些规则链是内核netfilter架构布置在内核里面的,然后iptables是利用了这套基础架构,想起了内 ...
- html & email template
html & email template inline style build tools https://templates.mailchimp.com/getting-started/h ...